表单对象属性选择器

$("input:enabled")
$("input:disabled")
$(":checkbox:checked")
$(":checkbox:not(:checked)
$("select option:selected")

 1 <html>
 2   <head>
 3     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 4     <script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
 5   </head>
 6   <body>
 7     <form>
 8       <input name="email" disabled="disabled" />
 9       <input name="password" disabled="disabled" />
10       <input name="id" />
11       <input type="checkbox" name="newsletter" checked="checked" value="Daily" />
12       <input type="checkbox" name="newsletter" value="Weekly" />
13       <input type="checkbox" name="newsletter" checked="checked" value="Monthly" />
14         <select>
15           <option value="1">广东</option>
16           <option value="2" selected="selected">湖南</option>
17           <option value="3">江苏</option>
18         </select>
19     </form>
20     <script type="text/javascript">
21     
22     //1)查找所有可用的input元素的个数
23         //alert( $("input:enabled").size() );
24     
25      //2)查找所有不可用的input元素的个数
26          //alert( $("input:disabled").size() );
27      
28      //3)查找所有选中的复选框元素的个数
29          //alert( $(":checkbox:checked").size() );
30      
31      //4)查找所有未选中的复选框元素的个数
32          //alert( $(":checkbox:not(:checked)").size() ); 
33      
34      //5)查找所有选中的选项元素的个数
35          //alert( $("select option:selected").size() );
36          
37      //6)获取选项元素的内容
38          alert( $("select option:selected").html() );
39      
40     </script>
41   </body>
42 </html>
原文地址:https://www.cnblogs.com/friends-wf/p/3808807.html