jquery学习-表单对象属性选择器

本文转载于:猿2048网站⇛jquery学习-表单对象属性选择器

  1、:enabled

匹配所有可用元素返回值 Array<Element>
示例：

$(document).ready(function() {
    var eleArr = $("input:enabled"); //查找所有可用的input元素 
    for (var i = 0; i < eleArr.length; i++) {
        var ele = eleArr[i]
        alert(ele.value); //输出value 
    }
});

2、:disabled
匹配所有不可用元素
返回值 Array<Element>
示例：

$(document).ready(function() {
    var eleArr = $("input:disabled"); //查找所有不可用的input元素 
    for (var i = 0; i < eleArr.length; i++) {
        var ele = eleArr[i]
        alert(ele.value); //输出value 
    }
});

3、:checked
匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)
返回值 Array<Element>
示例：

$(document).ready(function() {
    var eleArr = $("input:checked"); //查找所有选中的被勾选中的元素 
    for (var i = 0; i < eleArr.length; i++) {
        var ele = eleArr[i]
        alert(ele.type); //输出type 
    }
});

4、:selected
匹配所有选中的option元素
返回值 Array<Element>
示例：

$(document).ready(function() {
    var eleArr = $("select option:selected"); //匹配所有选中的option元素
    for (var i = 0; i < eleArr.length; i++) {
        var ele = eleArr[i]
        alert(ele.text); //输出text
        alert(ele.value); //输出value 
    }
});

 

更多专业前端知识，请上 【猿2048】www.mk2048.com