jQuery Syntax Guide: Learn the Basics of jQuery Code Structure

$(this).hide() - Hides the current element (the one that triggered the event)
$("p").hide() - Hides all <p> (paragraph) elements on the page
$(".test").hide() - Hides all elements with class="test"
$("#test").hide() - Hides the element with ID="test"

Note

jQuery selectors are based on CSS selector syntax. So if you're familiar with CSS, you're already familiar with jQuery selectors.

💡 Tip: If you're new to CSS, check out a CSS Tutorial first for a better understanding.

The Document Ready Event

Before you run any jQuery code, make sure the HTML document is fully loaded.

$(document).ready(function() {

// jQuery code goes here

});

To prevent jQuery code from running too early — before the HTML document is fully loaded.

If your script tries to interact with elements that don’t exist yet (because the browser hasn’t finished loading them), you'll get errors or unexpected behavior.

Shorter Version:

$(function() {

// jQuery code goes here

});

❮ Previous

Next ❯

Whereisstuff is simple learing platform for beginer to advance level to improve there skills in technologies.we will provide all material free of cost.you can write a code in runkit workspace and we provide some extrac features also, you agree to have read and accepted our terms of use, cookie and privacy policy.