Playing with jQuery
Traversing the DOM
Events
AJAX
Animation
Traversing the DOM
Execute: $('#menu-1').toggleClass('highligh-menu');
Execute: $('#menu-1 .links').toggleClass('all-links');
Execute: $("#menu-1 a[target]").toggleClass('links-target');
Execute: $('#menu-1 > li').addClass('direct-children');
Execute: $('#menu-1').find("> li").not(":has(ul)").css("border", "1px solid black");
click me!
click me!
click me!
click me!
Events
Mouse events
click me!
hover me!
Move your mouse here!
Input events
Your password
AJAX
Click to load Ajax HTML Content
HTML content here ...
Click to load Ajax JSON Data
No Data
Animation
Animate the red square.
-
Reset animation.