Shulou(Shulou.com)06/01 Report--

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!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.