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 提供支援。