JQuery Syntax

jQuery statement typically starts with the dollar sign ($) and ends with a semicolon (;). In jQuery, the dollar sign ($) is just an alias for jQuery and it is used for selecting HTML elements and perform some action on the element(s).

Basic syntax is: $(selector).action()

Examples:

• $(this).hide() - hides the current element.
• $("p").hide() - hides all <p> elements.
• $(".element").hide() - hides all elements with class="element".
• $("#element").hide() - hides the element with id="element".

#id Selector

The jQuery #id selector uses the id attribute of an HTML tag to find the specific element.

Below the code of find an element with a specific id.

$("#element")

Example

when a user clicks on a button, the element with class="element" will be hidden:

Below an example of hide the class="element"

$(document).ready(function() {
   $("button").click(function() {
      $("#element").hide();
   });
});

.class Selector

The jQuery .class selector uses the class attribute of an HTML tag to find the specific element.

Below the code of find an element with a specific class.

$(".element")

Example

when a user clicks on a button, the element with class="element" will be hidden:

Below an example of hide the class="element"

$(document).ready(function() {
   $("button").click(function() {
      $(".element").hide();
   });
});