jQuery Examples

❮ Previous Next ❯

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

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

jQuery Selectors

$("p").hide() - Hide all <p> elements $("#test").hide() - Hide the element with id="test" $(".test").hide() - Hide all elements with class="test" $(this).hide() - Hide the current HTML element

Selectors explained

jQuery Events

jQuery click() jQuery dblclick() jQuery mouseenter() jQuery mouseleave() jQuery mousedown() jQuery mouseup() jQuery hover() jQuery focus() and blur()

Events explained

jQuery Hide/Show

jQuery hide() jQuery hide() and show() jQuery toggle() jQuery hide()

Hide and Show explained

jQuery Fade

jQuery fadeIn() jQuery fadeOut() jQuery fadeToggle() jQuery fadeTo()

jQuery Slide

jQuery slideDown() jQuery slideUp() jQuery slideToggle()

Slide explained

jQuery Animate

jQuery animate() jQuery animate() - manipulate multiple CSS properties jQuery animate() - using relative values jQuery animate() - using pre-defined values jQuery animate() - several calls after each other

Animate explained

jQuery Stop Animations

jQuery stop() sliding jQuery stop() animation (with parameters)

Stop Animations explained

jQuery HTML Get Content and Attributes

jQuery text() and html() - Get content jQuery val() - Get content jQuery attr() - Get attribute value

Get Content and Attributes explained

jQuery HTML Set Content and Attributes

jQuery text(), html(), and val() - Set content jQuery text() and html() - Set content with a callback function jQuery attr() - Set attribute value jQuery attr() - Set multiple attribute values jQuery attr() - Set attribute value with a callback function

Set Content and Attributes explained

jQuery HTML Add Elements/Content

jQuery append() jQuery prepend() jQuery append() - Insert several new elements jQuery after() and before() jQuery after() - Insert several new elements

Add Elements/Content explained

jQuery HTML Remove Elements/Content

jQuery remove() jQuery remove() - with a parameter jQuery empty()

Remove Elements/Content explained

jQuery Get and Set CSS Classes

jQuery addClass() jQuery addClass() - Multiple classes jQuery removeClass() jQuery toggleClass()

Get and Set CSS explained

jQuery css() Method

jQuery css() - return CSS property jQuery css() - set CSS property jQuery css() - set CSS properties

The css() method explained

jQuery Dimensions

jQuery - return width() and height() jQuery - return innerWidth() and innerHeight() jQuery - return outerWidth() and outerHeight() jQuery - return outerWidth(true) and outerHeight(true) jQuery - return width() and height() of document and window jQuery - set width() and height()

Dimensions explained

jQuery Traversing Ancestors

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

Traversing Ancestors explained

jQuery Traversing Descendants

jQuery children() jQuery find()

Traversing Descendants explained

jQuery Traversing Siblings

jQuery siblings() jQuery next() jQuery nextAll() jQuery nextUntil()

Traversing Siblings explained

jQuery Traversing Filtering

jQuery first() jQuery last() jQuery eq() jQuery filter() jQuery not()

Traversing Filtering explained

jQuery Filters

Filter table Filter list Filter anything

Filters explained

jQuery AJAX load() Method

jQuery load() jQuery load() jQuery load() - with callback

AJAX load() explained

jQuery AJAX get() and post() Methods

jQuery get() jQuery post()

AJAX get() and post() explained

❮ Previous Next ❯

W3schools 学习路径

跟踪您的进度 - 免费！

Get Certified

拾色器

colorpicker

×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业，请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误，或想提出建议，请发送电子邮件给我们
help@w3schools.com

热门教程

HTML 教程
CSS 教程
JavaScript 教程
操作方法教程
SQL 教程
Python 教程
W3.CSS 教程
Bootstrap 教程
PHP 教程
Java 教程
C++ 教程
jQuery 教程

热门参考

HTML 参考
CSS 参考
JavaScript 参考
SQL 参考
Python 参考
W3.CSS 参考
Bootstrap 参考
PHP 参考
HTML 颜色
Java 参考
Angular 参考
jQuery 参考

热门示例

HTML 示例
CSS 示例
JavaScript 示例
操作方法示例
SQL 示例
Python 示例
W3.CSS 示例
Bootstrap 示例
PHP 示例
Java 示例
XML 示例
jQuery 示例

获取证书

HTML 证书
CSS 证书
JavaScript 证书
前端证书
SQL 证书
Python 证书
PHP 证书
jQuery 证书
Java 证书
C++ 证书
C# 证书
XML 证书

论坛关于学院

W3Schools 经过优化，旨在方便学习和培训。示例可能经过简化，以提高阅读和学习体验。教程、参考资料和示例会不断审查，以避免错误，但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款、Cookie 和隐私政策。

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持。