Jquery（二）

最新推荐文章于 2023-05-27 23:48:40 发布

原创最新推荐文章于 2023-05-27 23:48:40 发布 · 174 阅读

0 ·

CC 4.0 BY-SA版权

Jquery 专栏收录该内容

3 篇文章

订阅专栏

本文介绍JQuery2的基本操作方法，包括对象访问、筛选、事件处理及各种视觉效果。详细讲解了如何使用$.each()遍历对象、index()等函数定位元素，以及通过bind()、live()等绑定事件。此外还介绍了多种动画效果如fadeToggle(), slideDown()等。

Jquery2
   对象访问
       $.each() 遍历对象
       size()获取对象的长度
       length 获取对象的长度
       index()搜索匹配的元素，并返回相应元素的索引值，从0开始计数。
   筛选
       过滤
           eq(index|-index) 查找第几个
           first() 查找第一个
           last() 查找最后一个
           hasClass(class) 查找元素包含class 的返回布尔值
           has(expr|ele) 查找包含元素的
           not排除元素
       查找
           children([expr])匹配所有的子级元素
           find():查找后代元素
           next():查找下一个
           prev():查找上一个
           parent():查找父级
           siblings():查找所有的同辈元素(不包含自己)
   事件
       页面载入
           ready(fn)
       事件处理
           bind(type,[data],fn)
           live(type,[data],fn)
           one(type,[data],fn)
   效果
       基本
           show 显示
           hide 隐藏
               注意：隐藏就是元素通过自身的宽度，高度和透明度的变化
           toggle效果切换
       滑动
           slideDown([speed],[easing],[fn])
               通过高度变化（向下增大）来动态地显示所有匹配的元素，在显示完成后可选地触发一个回调函数。
           slideUp([speed,[easing],[fn]])
               通过高度变化（向上减小）来动态地隐藏所有匹配的元素，在隐藏完成后可选地触发一个回调函数。
           slideToggle([speed],[easing],[fn])
               通过高度变化来切换所有匹配元素的可见性，并在切换完成后可选地触发一个回调函数。
       淡出淡入
           fadeIn([speed],[easing],[fn])淡入
           fadeOut([speed],[easing],[fn])淡出
           fadeTo([[speed],opacity,[easing],[fn]])切换到指定的透明度
           fadeToggle([speed,[easing],[fn]])// 淡入淡出的切换
       自定义
           animate(p,[s],[e],[fn])1.8*
stop([c],[j])1.7*
delay(d,[q])