Easy Tutorial
❮ Jquery Syntax Jquery Plugin Autocomplete ❯

jQuery Examples


Want to enhance your jQuery skills?


jQuery Selectors

$(this).hide()

Demonstrates the jQuery hide() function, hiding the current HTML element.

$("p").hide()

Demonstrates the jQuery hide() function, hiding all <p> elements.

$(".test").hide()

Demonstrates the jQuery hide() function, hiding all elements with class="test".

$("#test").hide()

Demonstrates the jQuery hide() function, hiding the element with id="test".


jQuery Events

jQuery click()

jQuery dblclick()

jQuery mouseenter()

jQuery mouseleave()

jQuery mousedown()

jQuery mouseup()

jQuery hover()

jQuery focus() and blur()



jQuery Hide/Show

jQuery hide()

jQuery hide() and show()

jQuery toggle()

jQuery hide()



jQuery Fade

jQuery fadeIn()

jQuery fadeOut()

jQuery fadeToggle()

jQuery fadeTo()



jQuery Slide

jQuery slideDown()

jQuery slideUp()

jQuery slideToggle()



jQuery Animation

jQuery animate()

jQuery animate() - Set Multiple CSS Properties

jQuery animate() - Use Relative Values

jQuery animate() - Use Predefined Values

jQuery animate()

jQuery animate()



jQuery Stop Animation

jQuery stop() Slide

jQuery stop() Animation (with Parameters)



jQuery HTML Get and Attributes

jQuery text() and html() - Get Text and Content

jQuery val() - Get Value

jQuery attr() - Get Attribute Value



jQuery HTML Set Content and Attributes

jQuery text(), html(), and val() - Set Content

jQuery text() and html() - Set Content with Callback Function

jQuery attr() - Set Attribute Value

jQuery attr() - Set Multiple Attribute Values

jQuery attr() - Set Attribute Value with Callback Function



jQuery HTML Add Elements/Content

jQuery append()

jQuery prepend()

jQuery append() - Insert Multiple Elements

jQuery after() and before()

jQuery after() - Insert Multiple Elements



jQuery HTML Remove Elements/Content

jQuery remove()

jQuery empty()

jQuery remove() - With Parameters



jQuery Get and Set CSS Classes

jQuery addClass()

jQuery addClass() - Multiple Classes

jQuery removeClass()

jQuery toggleClass()



jQuery css() Method

jQuery css() - Return CSS Property

jQuery css() - Set CSS Property

jQuery css() - Set CSS Properties



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



jQuery Traversing - Ancestors

jQuery parent()

jQuery parents() jQuery parentsUntil()



jQuery Traversing - Descendants

jQuery children()

jQuery find()



jQuery Traversing - Siblings

jQuery siblings()

jQuery next()

jQuery nextAll()

jQuery nextUntil()



jQuery AJAX load() Method

jQuery load()

jQuery load()

jQuery load() - Using Callback Function



jQuery AJAX get() and post() Methods

jQuery get()

jQuery post()



Other Examples

jQuery Dynamic Particle Effect

❮ Jquery Syntax Jquery Plugin Autocomplete ❯