jQuery 实例

本章节主要总结汇总之前所讲解的 jQuery 的各种实例并分类展示。

jQuery 选择器

• $("p").hide() - 隐藏所有 <p> 元素
• $("#test").hide() - 隐藏所有 id="test" 的元素
• $(".test").hide() - 隐藏所有 class="test" 的元素
• $(this).hide() - 隐藏所有当前元素

jQuery 事件

• jQuery click() 事件
• jQuery dblclick() 事件
• jQuery mouseenter() 事件
• jQuery mouseleave() 事件
• jQuery mousedown() 事件
• jQuery mouseup() 事件
• jQuery hover() 事件
• jQuery focus() 与 blur() 事件

jQuery 隐藏/显示效果

• jQuery hide() 方法
• jQuery hide() 与 show() 方法
• jQuery toggle() 方法
• jQuery hide() 方法

jQuery 淡入淡出效果

• jQuery fadeIn() 方法
• jQuery fadeOut() 方法
• jQuery fadeToggle() 方法
• jQuery fadeTo() 方法

jQuery 滑动效果

• jQuery slideDown() 方法
• jQuery slideUp() 方法
• jQuery slideToggle() 方法

jQuery 动画效果

• jQuery animate()
• jQuery animate() - 操作多个 CSS 属性
• jQuery animate() - 使用相对值
• jQuery animate() - 使用预定义的值
• jQuery animate() - 每个之间多次调用

jQuery 停止动画效果

• jQuery stop() 停止滑动效果
• jQuery stop() 动画 (带参数)

jQuery HTML 获取内容与属性

• jQuery text() 与 html() - 获取内容
• jQuery val() - 获取内容
• jQuery attr() - 获取属性

jQuery HTML 设置内容与属性

• jQuery text(), html(), 与 val() - 设置内容
• jQuery text() 与 html() - 使用回调函数设置内容
• jQuery attr() - 设置属性值
• jQuery attr() - 设置多个属性值
• jQuery attr() - 使用回调函数设置属性值

jQuery HTML 添加元素/内容

• jQuery append()
• jQuery prepend()
• jQuery append() - 插入几个新元素
• jQuery after() 与 before()
• jQuery after() - 插入几个新元素

jQuery HTML 添加元素/内容

• jQuery remove()
• jQuery remove() - 带参数
• jQuery empty()

jQuery 设置与获取 CSS 样式类

• jQuery addClass()
• jQuery addClass() - 多个样式类
• jQuery removeClass()
• jQuery toggleClass()

jQuery css() 方法

• jQuery css() - 返回 CSS 属性
• jQuery css() - 获取 CSS 属性
• jQuery css() - 设置 CSS 属性

jQuery 尺寸

• jQuery - 返回 width() 与 height()
• jQuery - 返回 innerWidth() 与 innerHeight()
• jQuery - 返回 outerWidth() 与 outerHeight()
• jQuery - 返回 outerWidth(true) 与 outerHeight(true)
• jQuery - 返回 document 与 window 的 width() 与 height()
• jQuery - 设置 width() 与 height()

jQuery 遍历先祖

• jQuery parent() 方法
• jQuery parents() 方法
• jQuery parentsUntil() 方法

jQuery 遍历后代

• jQuery children() 方法
• jQuery find() 方法

jQuery 遍历同级

• jQuery siblings() 方法
• jQuery next() 方法
• jQuery nextAll() 方法
• jQuery nextUntil() 方法

jQuery 过滤遍历

• jQuery first() 方法
• jQuery last() 方法
• jQuery eq() 方法
• jQuery filter() 方法
• jQuery not() 方法

jQuery 筛选

• 筛选表格
• 筛选列表
• 筛选其他

jQuery AJAX load() 方法

• jQuery load() 方法
• jQuery load() 方法
• jQuery load() 方法 - 带回调

jQuery AJAX get() 与 post() 方法

• jQuery get() 方法
• jQuery post() 方法