Search field

×

★ +1 My W3Schools Get Certified Spaces For Teachers Plus Get Certified Spaces For Teachers Plus

Logout

jQuery 示例

❮ 上一页下一页 ❯

您想测试您的 jQuery 选择器技能吗？

尝试我们的 jQuery 选择器测试器

jQuery 选择器

$("p").hide() - 隐藏所有 <p> 元素 $("#test").hide() - 隐藏 id 为“test”的元素 $(".test").hide() - 隐藏所有类为“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()

显示和隐藏解释

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

获取和设置 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 遍历兄弟节点

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

AJAX load() 说明

jQuery AJAX get() 和 post() 方法

jQuery get() jQuery post()

AJAX get() 和 post() 说明

❮ 上一页下一页 ❯

W3schools Pathfinder

Track your progress - it's free!

Get Certified

颜色选择器

colorpicker

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

Top Tutorials

HTML Tutorial
CSS Tutorial
JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
W3.CSS Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
C++ Tutorial
jQuery Tutorial

Top References

HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference

Top Examples

HTML Examples
CSS Examples
JavaScript Examples
How To Examples
SQL Examples
Python Examples
W3.CSS Examples
Bootstrap Examples
PHP Examples
Java Examples
XML Examples
jQuery Examples

Get Certified

HTML Certificate
CSS Certificate
JavaScript Certificate
Front End Certificate
SQL Certificate
Python Certificate
PHP Certificate
jQuery Certificate
Java Certificate
C++ Certificate
C# Certificate
XML Certificate

FORUM ABOUT ACADEMY

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.