What is jQuery?
The jQuery library contains the following features:
- HTML/DOM manipulation
- CSS manipulation
- HTML event methods
- Effects and animations
Tip: In addition, jQuery has plugins for almost any task out there.
example of Jquery
The jQuery syntax is tailor-made for selecting HTML elements and performing some action on the element(s).
Basic syntax is: $(selector).action()
- A $ sign to define/access jQuery
- A (selector) to “query (or find)” HTML elements
- A jQuery action() to be performed on the element(s)
$(this).hide() – hides the current element.
$("p").hide() – hides all <p> elements.
$(".test").hide() – hides all elements with class=”test”.
$("#test").hide() – hides the element with id=”test”.
Are you familiar with CSS selectors?
jQuery uses CSS syntax to select elements. You will learn more about the selector syntax in the next chapter of this tutorial.
Tip: If you don’t know CSS, you can read our CSS Tutorial.
The Document Ready Event
You might have noticed that all jQuery methods in our examples, are inside a document ready event:
// jQuery methods go here…