jQuery syntax
jQuery syntax is to select HTML elements and perform certain operations on the selected elements.
Basic syntax: $(selector).action()
Dollar sign definition jQuery
Selector (selector) "query" and "find" HTML elements
jQuery's action() performs operations on elements
Example:
$(this).hide() - Hide the current element
$("p").hide() - Hide all <p> elements
$("p.test").hide() - Hide all classes <p> elements with ="test"
$("#test").hide() - Hide all elements with id="test"
Document ready event
You may have noticed that all jQuery functions in our example are located in a document ready function:
$(document).ready(function( ){
// Start writing jQuery code...
});
This is to prevent jQuery code from running before the document is fully loaded (ready).
If you run the function before the document is fully loaded, the operation may fail. Here are two specific examples:
Trying to hide a non-existent element
Getting the size of an incompletely loaded image
Tip: Concise writing (same effect as above) Same):
$(function(){
// Start writing jQuery code...
});
You can choose the method you like to execute the jQuery method after the document is ready.