jQuery 实例

---

想测试您掌握的 jQuery 技能吗?

试试 jQuery 选择器测试工具

---

jQuery 选择器

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

选择器实例解析

---

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()

Hide 和 Show 实例解析

---

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() and html() - 获取内容 jQuery val() - 获取内容 jQuery attr() - 获取属性值

jQuery 获取HTML内容和属性实例解析

---

jQuery 设置HTML内容和属性

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

设置HTML内容和属性实例解析

---

jQuery 添加HTML元素/内容

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

添加HTML元素/内容实例解析

---

jQuery 移除HTML元素/内容

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

移除HTML元素/内容实例解析

---

jQuery 获取和设置CSS类

jQuery addClass() jQuery addClass() - 多个类 jQuery removeClass() jQuery toggleClass()

获取和设置CSS类实例解析

---

jQuery css() 方法

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

css()方法实例解析

---

jQuery 尺寸

jQuery - 返回 width() 和 height() jQuery - 返回 innerWidth() 和 innerHeight() jQuery - 返回 outerWidth() 和 outerHeight() jQuery - 返回 outerWidth(true) 和 outerHeight(true) jQuery - 返回文档和窗口的 width() 和 height() jQuery - 设置 width() 和 height()

尺寸实例解析

---

jQuery 遍历 - 祖先

jQuery parent() jQuery parents() jQuery parentsUntil()

遍历祖先实例解析

---

jQuery 遍历 - 后代

jQuery children() jQuery find()

遍历后代实例解析

---

jQuery 遍历 - 同胞(siblings)

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() - 带有回调

AJAX load() 实例解析

---

jQuery AJAX get() 和 post() 方法

jQuery get() jQuery post()

AJAX get() 和 post() 实例解析