HTML CSS JAVASCRIPT PYTHON PYTHON2 JAVA C C++ C# SQL Excel Linux AI BOOTSTRAP PHP 教程库 参考手册 技术文章 测验 练习 HOWTO FAQ
❮ 上一节 下一节 ❯

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() 实例解析


❮ 上一节 下一节 ❯