jQuery Examples

In this page contains jQuery examples. you can try yourself with our interactive snippet editor.

$("p").hide()
The jQuery hide() function, hiding all <p> elements.

$("this").hide()
The jQuery hide() function, hiding current(this) element.

$("#div1").hide()
The jQuery hide() function, hiding whose id="div1" in the elements.

$(".div1").hide()
The jQuery hide() function, hiding whose class=".div1" in the elements.

$("p").attr("style")
The jQuery attr() function, attributes the elements properties.

$("p").hide() or $("p").show()
The jQuery hide() or show() function effect to show or hide the content.

$("p").toggle("slow")
The jQuery toggle() function, to perform the toggle effect on selected element.

$("#slide").slideDown("slow")
The jQuery slideDown() function, perform the Slide Down on selected element.

$("#slide").slideUp("slow")
The jQuery slideUp() function, perform the Slide Up on selected element.

$("#slide").slideToggle("slow")
The jQuery slideToogle() function, perform both the Slide Up or Down on selected element.

$("#slide").fadeIn("slow")
The jQuery fadeIn() function, allow the hide to show of selected element in defined opacity.

$("#slide").fadeOut("slow")
The jQuery fadeOut() function, allow the show to hide of selected element in defined opacity.

$("div").fadeTo("slow",0.20)
The jQuery fadeTo() function, allow the opacity of selected element.

$("div").animate({fontSize:"60px"},"slow")
The jQuery animate() function, perform the animation of selected element.