CSS/jQuery之选择器

 
选择器的种类
1.通配选择器  *                $("*")               所有元素
2.ID选择器    #id              $("#lastname")      id="lastname" 的元素
3.类选择器    .class           $(".intro")         所有 class="intro" 的元素
4.元素选择器  element          $("p")              所有 <p> 元素
5.属性选择器  [href="www"]                         所有包含属性 href="www" 的元素


属性选择器--子串匹配
[abc="def"]　　选择 abc 属性值完全等于 "def" 的所有元素
[abc^="def"]　选择 abc 属性值以 "def" 开头的所有元素
[abc$="def"]　选择 abc 属性值以 "def" 结尾的所有元素
[abc*="def"]　选择 abc 属性值中包含子串 "def" 的所有元素


选择器的关系
1.逻辑与　选择器直接相连
如$("p[id='d1']")表示所有的p标签而且拥有属性：id='d1'的元素
2.逻辑或　选择器之间用逗号相连
如$("p,h")标识所有的ｐ标签和所有的ｈ标签。
3.层次关系　选择器之间用空格相连
如$("p span")标识ｐ标签下面的 span 标签。


jQuery选择器--过滤
:first           $("p:first")                 第一个 <p> 元素
:last            $("p:last")                  最后一个 <p> 元素
:even            $("tr:even")                 所有偶数  元素
:odd             $("tr:odd")                  所有奇数  元素	 
:eq(index)       $("ul li:eq(3)")             列表中的第四个元素（index 从 0 开始）
:gt(no)          $("ul li:gt(3)")             列出 index 大于 3 的元素
:lt(no)          $("ul li:lt(3)")             列出 index 小于 3 的元素
:not(selector)   $("input:not(:empty)")       所有不为空的 input 元素