Home > Developer > JavaScript
Examples of jQuery class selector usage and jquery selector instances
This document describes the usage of jQuery class selectors. Share it with you for your reference. The specific analysis is as follows:
The class selector matches all elements with the specified class name.
Example:
Copy codeThe Code is as follows: $ (". mydiv ")
The code above Selects all elements of the class named mydiv.
Note: There is a bit (.) In Front Of mydiv (.).
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;
Margin-top: 10px;
}
</Style>
<Script type = "text/javascript" src = "mytest/jQuery/jquery-1.8.3.js"> </script>
<Script type = "text/javascript">
$ (Document). ready (function (){
$ ("Button"). click (function (){
$ (". Mydiv"). hide ();
})
})
</Script>
</Head>
<Body>
<Div class = "mydiv"> </div>
<Div class = "anotherdiv"> </div>
<Button> click to hide the div element </button>
</Body>
</Html>
The above Code hides the div element named mydiv.
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
