Home > Developer > JavaScript
In jQuery: Example of selected usage, jqueryselected
This document describes the usage of the selected selector in jQuery. Share it with you for your reference. The specific analysis is as follows:
This selector can match the selected <option> element.
Syntax structure:
Copy codeThe Code is as follows: $ (": selected ")
This selector can be used with other selectors, such as class selectors and element selectors. For example:
Copy codeThe Code is as follows: $ (". myselect: selected" ).css ("color", "red ")
The above Code sets the text color in the selected <option> element under the element named myselect to red. You must pay attention to the above Code. The two selectors are separated by spaces. This is the descendant selector. If there is no space, it becomes a composite attribute selector, the code means that the font color in the <option> element selected with the class name myselect is set to red.
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>
<Script type = "text/javascript" src = "mytest/jQuery/jquery-1.8.3.js"> </script>
<Script type = "text/javascript">
$ (Document). ready (function (){
$ (". Myselect: selected" ).css ("color", "red ")
});
</Script>
</Head>
<Body>
<Ul>
<Li>
<Select name = "myselect" class = "myselect">
<Option> html area </option>
<Option> ASP area </option>
<Option selected = "selected"> JQuery area </option>
</Select>
</Li>
</Ul>
</Body>
</Html>
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
