What are the basic syntax of jQuery
The editor will share with you what the basic grammar of jQuery has. I hope you will get something after reading this article. Let's discuss it together.
JQuery syntax
With jQuery, you can select (query, query) HTML elements and actions them.
The jQuery syntax is programmed for the selection of HTML elements, and certain actions can be performed on elements. The basic syntax is as follows:
(selector) .action ()
Explanation:
Dollar sign $definition jQuery
Selector (selector) "query" and "find" HTML elements
Action () of jQuery performs the operation on the element
Example:
$(this) .hide ()-hides the current element
$("p") .hide ()-hide all paragraphs
$(".test") .hide ()-hides all elements of all class= "test"
$("# test") .hide ()-hides all elements of id= "test"
Tip: the syntax used by jQuery is a combination of XPath and CSS selector syntax.
Example: $(this) .hide ()
$(document) .ready (function () {$("button") .click (function () {$(this). Hide ();}); Click me
Note: this example demonstrates the jQuery hide () function, which hides the current HTML element.
Example: $("# test") .hide ()
$(document) .ready (function () {$("button") .click (function () {$("# test") .hide ();}); This is a heading)
This is a paragraph.
This is another paragraph.
Click me
Note: this example demonstrates the jQuery hide () function, which hides the elements of id= "test".
Example: $("p") .hide ()
$(document) .ready (function () {$("button") .click (function () {$("p"). Hide ();}); This is a heading
This is a paragraph.
This is another paragraph.
Click me
Note: this example demonstrates the jQuery hide () function, which hides all
element.
Example: $(".test") .hide ()
$(document) .ready (function () {$("button") .click (function () {$(".test"). Hide ();}); This is a heading This is a paragraph.
This is another paragraph.
Click me
Note: this example demonstrates the jQuery hide () function, which hides all elements of class= "test".
Document ready function
You may have noticed that all the jQuery functions in our example are in one document ready function:
$(document) .ready (function () {/ / jQuery functions go here})
This is to prevent the document from running jQuery code before it is fully loaded (ready).
If you run the function before the document is fully loaded, the jQuery operation may fail.
After reading this article, I believe you have a certain understanding of "what is the basic grammar of jQuery". If you want to know more about it, you are welcome to follow the industry information channel. Thank you for reading!
