JQ-属性选择器

    
    
    
    


    

        
在jQuery中，常见的属性选择器如下：
        
$("selector[attr]") ------ 选择包含给定属性的元素
        
$("selector[attr='value']") ------ 选择给定的属性是某个特定值的元素
        
$("selector[attr != 'value']") ------ 选择所有含有指定的属性，但属性不等于特定值的元素
        
$("selector[attr *= 'value']") ------ 选择给定的属性是以包含某些值的元素
        
$("selector[attr ^= 'value']") ------ 选择给定的属性是以某些值开始的元素（比较少用）
        
$("selector[attr $= 'value']") ------ 选择给定的属性是以某些值结尾的元素（比较少用）
        
$("selector[selector1][selector2]…[selectorN]") ------ 复合属性选择器，需要同时满足多个条件时使用
        
selector指的是选择器，attr指的是属性（attribute），value指的是属性值。
        
（1）选择含有class属性的div元素。
        
$("div[class]")
        
（2）选择type属性值为checkbox的input元素（也就是选择所有复选框元素）：
        
$("input[type = 'checkbox']")
        
（3）选择type属性值不是checkbox的input元素：
        
$("input[type != 'checkbox']")
        
（4）选择class属性包含nav的div元素（因为class属性可以包含多个值）：
        
$("div[class *= 'nav']")
        
（5）选择name属性以group开始的input元素，例如input type="radio" name="group-fruit"/>：
        
$("input[name ^= 'group']")
        
（6）选择name属性以group结尾的input元素，例如input type="radio" name="fruit-group"/>：
        
$("input[name $= 'group']")
        
（7）选择具有id属性并且class属性是以nav开头的div元素，例如div id="div1" class="lvye-div">绿叶学习网
        
$("div[id][class ^='lvye']")