The use of jQuery Selectors (9. Form object attributes)

The use of jQuery Selectors (9. Form object attributes)_jquery

WBOY

Release： 2016-05-16 18:39:29

Original

1367 people have browsed it

This series of articles is divided into nine articles: basic article, hierarchical article, simple article, content article, visibility article, attributes article, sub-element article, form article, and form object properties article.
This article explains: the usage of :enabled, :disabled, :checked, :selected.
If you have any suggestions or comments about this series of articles, please send them to the email: sjzlgt@qq.com
Since this is the first time to write a technical series of articles, it is inevitable that there will be errors or code bugs. You are welcome to point them out and thank you!
After running, you need to refresh and load jquery

<title>jQuery-Selectors-9</title>
<style type="text/css"> 
.div 
{ 
    width:95%; 
    margin-left:15px; 
    margin-top:15px; 
    margin-right:15px; 
    padding-left:5px; 
    padding-top:5px; 
    padding-bottom:5px; 
    background-color:#ccc; 
    border:#999 1px solid; 
    line-height:30px; 
    font-size:13px; 
    font-family:微软雅黑; 
} 
.blue{color:Blue;} 
.green{color:Green;} 
.button{border:green 1px solid;width:100px;} 
.xiaobiao{ font-weight:bold;} 
.red_test{background-color:red; color:White; width:300px; height:30px;} 
.li_test{border:#000 1px solid;} 
</style>

<div style="width:100%; text-align:center; font-size:16px; font-weight:bold;">
</div>Using jQuery-Selectors (9. Form Object Properties)<a href="http://jquery.com/" target="_blank">
This series of articles mainly talks about how to use the selectors of the jQuery framework. I will explain it with examples. It is based on simplicity and comprehensiveness and will not go into depth. My learning method: get started first, then advance!
 
This series of articles is divided into nine articles: basic article, hierarchical article, simple article, content article, visibility article, attributes article, sub-element article, form article, and form object properties article.
 
This article explains: the usage of :enabled, :disabled, :checked, :selected.
 
If you have any suggestions or comments about this series of articles, please send them to email: sjzlgt@qq.com
 
Since this is my first time writing a series of technical articles, it is inevitable that there will be mistakes or code bugs. You are welcome to point them out and thank you!
 
You can go to </a>jQuery official website<span style="color:Red;"> to learn more about jQuery.
 
<strong><a href="http://www.cnblogs.com/bynet/" target="_blank">Copyright: code-cat Blog:</a>http://www.cnblogs.com/bynet</strong> Please retain the original author, source and copyright information when reprinting! </span>
</div>
<div class="div">

</div>
It has been tested under IE6, IE7, and Firefox, and the effect can be achieved. 
<div class="div">

<span class="xiaobiao">
</span>1. :enabled usage<span style="border:blue 1px solid;">
 
Definition: Match all available elements
 
Return value: Array<Element>
 
Example: Change the background color of all available input elements in the DIV with ID "div_a1" to red
 
<span style="color:green;">Code: $("#div_a1 input:enabled").css("background-color","red");</span> //Click button 1 to execute this code </span><div id="div_a1" style="border:red 1px solid; padding-bottom:5px; padding-left:5px; width:98%;">
<span id="span_a1" style="border:#000 1px solid; width:200px; margin-right:5px;padding-left:5px; ">
DIV ID="div_a1"
 
</span>
span ID="span_a1"
 
<input type="text" value="input text">
<input type="text" value="input text 不可用" disabled>
<input type="text" value="input text">
<input type="password" value="123123">
<input type="reset" value="reset 不可用" disabled>
 
<input type="submit" value="submit">
<textarea rows="2" cols="10">
texteara<select>
<option>
</option>select</select>
<input type="button" id="btn_1" value="按钮一" class="button">