To include a library, use the <script> tag with the src attribute set to the URL of the library:
The main jQuery function is the $() function (the jQuery function). If you pass DOM objects to this function, it returns jQuery objects, with jQuery functionality added to them.
jQuery allows you to select elements by CSS selectors.
The jQuery equivalent is different:
The last line of the code above, passes the HTML DOM document object to jQuery: $(document).
When you pass DOM objects to jQuery, jQuery returns new jQuery objects wrapped around the HTML DOM objects.
The jQuery function returns a new jQuery object, where ready() is a method.
Since functions are variables in jQuery, myFunction can be passed as a variable to the jQuery ready() method.
|jQuery returns a jQuery object, different from the DOM object that was passed.
The jQuery object has properties and methods, different from the DOM object.
You cannot use HTML DOM properties and methods on jQuery objects.
Try the following example:
Also try this one:
As you can see from the example above, jQuery allows chaining.
Chaining is a handy way to perform multiple tasks on one object.
Want to learn more? You will find an excellent jQuery Tutorial here at W3Schools.