jQuery Tutorial

jQuery Quiz

jQuery Reference

jQuery Examples

Do you want to develop your jQuery selector skills?

Please try our excellent jQuery Selector Tester

jQuery Syntax Examples

$(this).hide()
Demonstrates the jQuery hide() method, hiding the current HTML element.

$("p").hide()
Demonstrates the jQuery hide() method, hiding all <p> elements.

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

$("#test").hide()
Demonstrates the jQuery hide() method, hiding the element, with id="test".

Examples explained

Hiding - Sliding- Fading

jQuery fadeOut()
Demonstrates a simple jQuery fadeout() method.

jQuery hide()
Demonstrates a simple jQuery hide() method.

Hide explanations
Demonstrates how to hide parts of text.

Slide panel
Demonstrates a simple Slide Panel effect.

jQuery animate()
Demonstrates a simple jQuery animate() method.

Examples explained

HTML Manipulation

Change the Content of an HTML element

Append content to HTML elements

Append content after HTML elements

Examples explained

CSS Manipulation

Change a CSS property of HTML elements

Change multiple CSS properties

Get a CSS property from an element

Examples explained

AJAX and jQuery

Change HTML content using $(selector).load(url)

Change HTML content using $.ajax(options)

Examples explained

抱歉！大部分内容只有英文