Jquery选择器(九) -- Form Filters

表单过滤器


[1]  :enabled      Returns: Array<Element(s)>
      说明： 匹配所有可用的表单元素。
      

Js代码

1. $("input:enabled").val("this is it");  

$("input:enabled").val("this is it");

[2]  :disabled      Returns: Array<Element(s)>
      说明： 匹配所有不可用的表单元素。
      

Js代码

1. $("input:disabled").val("this is it");  

$("input:disabled").val("this is it");

[3]  :checked      Returns: Array<Element(s)>
      说明： 匹配所有选中的表单元素，包含单选按钮和复选按钮。
      

Js代码

1. $("input:checked").val("this is it");  

$("input:checked").val("this is it");

[4]  :selected      Returns: Array<Element(s)>
      说明： 匹配所有选中的表单元素。
                   该选择器不包含单选按钮和复选按钮，用:checked可以达到想要的效果。
      

Js代码

1. $("select").change(function () {   
2.     var str = "";   
3.     $("select option:selected").each(function () {   
4.            str += $(this).text() + " ";   
5.      });   
6.     $("div").text(str);   
7. })   
8. .trigger('change');  

$("select").change(function () {
    var str = "";
    $("select option:selected").each(function () {
           str += $(this).text() + " ";
     });
    $("div").text(str);
})
.trigger('change');