Home > Developer > JavaScript
Basic jQuery syntax example
This example describes the basic jQuery syntax. Share it with you for your reference. The specific analysis is as follows:
This syntax rule consists of two parts: Getting jQuery objects and performing operations on jQuery objects.
Copy codeThe Code is as follows: $ (selector). action ()
The preceding syntax rules are described as follows:
1. $ defines jQuery and converts the selected DOM object to a jQuery object.
2. selector is a selector, similar to a CSS selector.
3. action () is the operation on the row of the jQuery object.
Note: $ is short for jQuery. For example:
Copy codeThe Code is as follows: $ ("div ")
You can also write the following method, but we are used to writing the above method.
Copy codeThe Code is as follows: jQuery ("div ")
Instance code:
Copy codeThe Code is as follows:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Meta name = "author" content = "http://www.bkjia.com/"/>
<Title> helping customers </title>
<Style type = "text/css">
Div {
Height: 150px;
Width: 150px;
Background-color: green;
}
</Style>
<Script type = "text/javascript" src = "mytest/jQuery/jquery-1.8.3.js"> </script>
<Script type = "text/javascript">
$ (Document). ready (function (){
$ ("Button"). click (function (){
$ ("Div"). hide ();
});
})
</Script>
</Head>
<Body>
<Div> </div>
<Button> click to hide the square above </button>
</Body>
</Html>
In the above Code, click the button to hide the div.
I hope this article will help you with jquery programming.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
