1.css選擇器通用
1)标签选择器,以文档元素作为选择器 2)ID选择器,以ID标识符作为选择器; 3)类选择器,class 4)并集选择器,p,img,ul 5)后代选择器,#id ul li 6 )通配选择器 ,*{}; 7)子代选择器,ul>li; 8)临近选择器,E+F; 9)交集选择器,p.class;
2.jquery選擇器
*(重要)篩選選擇器:
children(selector), $("ul").children("li"),相当于子代选择器,$("ul>li")选取ul中所有的子代li元素;集合元素 find(selector), $("ul").finde("li"),相当于后代选择器,$("ul li")选取ul中所有的后代li元素,后面的参数必传一般不用;集合元素 siblings(selector), $("#first").siblings("li“);选取兄弟节点的所有li,不包括自己;集合元素 parent(), $("#first").parent(),选取父元素节点,因为父元素节点只有一个所以不写;单个 parents(). $("#first").parents(),选取父元素节点上的元素,链式;父元素的父元素的父元素的所有;集合元素 eq(index);$(”li“).eq(2);相当于$("li:eq(2)"),index索引从0开始;单个 next(),$("li").next(),获取下一个兄弟元素;单个 prev(),$("li").next(),获取下一个兄弟元素;单个
*#過濾選擇器:都有冒號
基本選擇器,內容過濾,可見性過濾,屬性過濾,子元素過濾和表單物件屬性過濾屬性選擇器
a.基本過濾選擇器
:first 选择第一个元素,$("p:first")选取所有<p>元素第一个;单个 :last 选取最后一个元素,$("p:last")选取所有<p>元素的最后一个p;单个 :not(selector) 去除所有与给定选择器相匹配的元素,$("input:not(.myClass)")选取class中不是不是myClass的<input>元素;集合元素 :even 选取索引是偶数的,索引从0开始,集合元素; :odd 选取索引是奇数的,索引从0开始,集合元素; :eq(index) 选取索引等于index的元素, $("input:eq(1)")选取索引是1的<input>元素; 单个 :gt(index) 选取索引大于index的元素, $("input:gt(1)")选取索引大于1的Input元素,不包括1;集合元素 :lt(index)选取索引小于index的元素,$("input:lt(1)")选取索引小于1的input元素,不包括1,集合元素 :header选取所有标题元素,$(":header")选取网页中所有的<h1><h2>.... :annimated选取当前正在执行动画的所有元素,$("p:animated")选取正在执行动画的p元素
以上是jquery選擇器介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!