10-15 jquery选择器

jQuery 选择器

　　　jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 它基于已经存在的css选择器，除此之外，它还有一些自定义的选择器。

　　jQuery 中所有选择器都以美元符号开头：$()。

一、标签选择器（元素选择器）

　　jQuery 元素选择器基于元素名选取元素。

　　语法： $("html标签名") 获得所有匹配标签名。

　　在页面中选取所有 <p> 元素:

　　$("p")

二、#id 选择器

　　页面中元素的 id 应该是唯一的，

　　语法： $("#id的属性值") 获得与指定id属性值

　　$("#test")

三、类选择器

　　$(".class的属性值") 获得与指定的class属性值匹配的元素

　　$(".test")

四、并集选择器

　　语法： $("选择器1,选择器2....") 获取多个选择器选中的所有元素

　　　var obj = $("div p")

五、层级选择器

　　1：后代元素

　　　　$("A B") 选择的是A元素内部的所有的B元素包括子子孙孙的B元素

　　2：子选择器
　　　　$("A > B") 选择的是A元素内部的所有的B子元素只包括二级元素

六、属性选择器

　　1：属性名称选择器

　　　　语法：$("A[属性名]") 包括指定属性的选择器

        <input type="text" name="m1"/>
    　　<input type="text" name="m2"/>
    　　<input type="text"  />
    //获取指定name属性的输入框  2个
     var input =  $("input[name]");    

　　2：属性选择器 

　　　　$("A[属性名=值]) 包含指定属性等于指定的值的选择器

六、过滤选择器

:first
:last
:even 偶数
:odd 奇数
:eq(index) 找到是等于索引选择器 找指定索引元素
:gt(index) 大于索引
:lt(index) 小于索引

七、表单的选择器　　

　　1：可用元素选择器
　　　　:enabled 获取可用的元素
　　2：不可以用元素选择器
　　　　:desabled
　　3:选中选择器
　　　　:checked
　　　　:selected