jQuery Examples

❮ Previous Next ❯

Do you want to test your jQuery selector skills?

Try Our jQuery Selector Tester

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 Pathfinder

Track your progress - it's free!

Get Certified

COLOR PICKER

colorpicker

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com

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 CLASSROOM

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.