Jquery选择器(九) -- Form Filters

表单过滤器


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

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

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

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

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

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

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

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

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

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

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

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