jQuery – Linking to the jQuery Library
To use jQuery on your site, it must be either downloaded and linked to in the document <head> or included by linking to a CDN in the document <head>.
jQuery – Basic Syntax and the Document Ready Event
The jQuery syntax is designed for selecting HTML elements and then performing some action on the selected element(s) once the document has loaded.
jQuery – Avoiding Conflicts with Other Libraries
When using other JavaScript frameworks on your site along with jQuery, there is the potential for a conflict to happen.
jQuery – Selecting HTML Elements
jQuery has numerous built-in selectors that make it easy to access HTML elements.
jQuery – Comments
Comments in jQuery are used to create notes about what the code block does and how it works, and can also be used to temporarily prevent code execution.
jQuery – Commonly Used Methods (actions)
There are a number of jQuery Methods (actions) that can be used to manipulate your document. Here are some of the most common.
jQuery – Traversing the DOM
jQuery traversing, which means “to travel or pass across, over, or through”, are used to find HTML elements based on their relation to other page elements.
jQuery – Method Chaining
In jQuery, you can chain together multiple methods (actions), allowing multiple actions to run on the same element(s), within a single statement.
jQuery – Manipulating HTML Elements and Attributes
jQuery contains a multitude of DOM-related methods that make it easy to access and manipulate HTML elements and attributes.
jQuery – Responding to User Interactions
There are many user actions (events) that a web page can respond to using jQuery. Things such as a mouse click, key press, form submit, or scroll.
jQuery – Creating Effects or Animations
jQuery can be used to hide, show, fade in/out, or slide up/down HTML elements on the page, creating effects and animations with a great deal of control.
jQuery – Using Callback Functions
Callback functions are used to run several lines of code containing effects that need to finish running individually before running the next line of code.
jQuery – Using AJAX
AJAX is the ability to exchange data with a server, and then update parts of a web page without reloading the entire page – only the updated data reloads.