jQuery表单选择器

jQuery在选择器方面也做了一个关于表单的选择器，方便选择表单元素

目录

:button Selector

:checkbox Selector

:checked Selector

:disabled Selector

:enabled Selector

:file Selector

:focus Selector

:image Selector

:input Selector

:password Selector

:radio Selector

:submit Selector

---

:button Selector

描述：选择所有按钮元素和类型为按钮的元素

语法：$(':button')或者jQuery(":button")

<input type="button"/>
<button></button>
<script>
    $(function(){
        $(":button").html("run")
    })
</script>

:checkbox Selector

描述：选择所有类型为复选框的元素

语法：$(":checkbox")或者jQuery(":checkbox)

<input  type="checkbox"/>
<script>
    $(function(){
        $(":checkbox")   
    })
</script>

:checked Selector

描述：选择所有复选框勾选的元素

语法：$(":checked")或者jQuery(":checked")

<input type="checkbox"/>
<script>
    $(function(){
        $(":checkbox").prop("checked","checked");
        $(":checked")
    })
</script>

:disabled Selector

描述：选择所有被禁用的元素

语法：$(":disabled")或者jQuery(":disabled")

<input type="text"/>
<script>
    $(function(){
        $("input").prop("disabled","disabled");
        $(":disabled")
    })
</script>

​

:enabled Selector

描述：选择所有可用的元素（注：未被禁用的元素）

语法：$(":enabled")或jQuery(":enabled")

<input type="text"/>
<script>
    $(function(){
        $(":enabled")
    })
</script>

:file Selector

描述：选择所有类型为文件的元素（file）

语法：$(":file")或者jQuery(":file")

<input type="file"/>
<script>
    $(":file")
</script>

:focus Selector

描述：选择当前获取焦点的元素。

语法：$(":focus")或者jQuery(":focus")

<input type="text"/>
<script>
    $(function(){
        $("input").click(function(){
            $(":focus")    
        })
    })
</script>

:image Selector

描述：选择所有图像类型的元素

语法：$(":image")或者jQuery(":image")

<input  type="image"/>
<script>
    $(function(){
        $(":image")
    })
</script>

:input Selector

描述：选择所有的input、textarea、selector和button元素

语法：$(":inoput")或者jQuery(":input")

<input type="text"/>
<script>
    $(function(){
        $(":input")
    })
</script>

:password Selector

描述：选择所有类型为密码的元素

语法：$(":password")或者jQuery(":password")

<input type="password"/>
<script>
    $(function(){
        $(":password")
    })
</script>

:radio Selector

描述：选择所有类型为单选框的元素

语法：$(":radio")或者jQuery(":radio")

<input type="radio"/>
<script>
    $(function(){
        $(":radio")
    })
</script>

:submit Selector

描述：选择所有类型为提交的元素

语法：$(":submit")或者jQuery(":submit")

<input type="submit"/>
<script>
    $(function(){
        $(":submit")
    })
</script>

主页传送门