pyquery中常用选择器

一、元素选择

* $("*") 所有元素
element $("p")

元素

ele1,ele2 $("th,td") 元素
#id $("p#lastname") id="lastname" 的p元素
.class $("p.intro") class="intro" 的p元素
.class.class $("p.intro.demo") class="intro" 且 class="demo" 的p元素
ele:emtpy $("p:empty") 不包含子元素的p元素
ele:parent $("p:parent") 包含子元素的p元素
ele1.has(ele2) $("div:has(p.intro)") 有p子元素且子元素属性为intro的div元素

二、属性选择

[attr] $(p"[href]") 有href属性的p元素
[attr1][attr2] $("p[title][href]") 同时有title和href属性的p元素
[attr=value] $("p[href='#']") href 属性等于"#"的p元素
[attr!=value] $("p[href!='#']") href 属性不等于"#"的p元素
[attr$=value] $("p[href$='.jpg']") href 属性以".jpg"结尾的p元素
[attr^=value] $("p[href^='fb']") href 属性以"fb"开头的p元素
[attr*=value] $("p[href*='link']") href 属性包含"link"的p元素

三、内容选择

:contains(value) $("p:contains('W3School')") 包含指定字符串的p元素
四、反向选择
:not()

$("div:not(:has(p))")

$(p:not([href])")

$("p:not(:contains('abc'))")

不包含子元素p的div元素

没有属性href的元素

不包含指定字符串的p元素

四、关系选择

ele1 ele2 $("div li") 元素div的后代li元素
ele1 > ele2 $("div > li") 元素div的li子元素
:eq(index) $("ul li:eq(3)") 选择第4个li元素
:gt(index) $("ul li:gt(3)") 选择第4个以后的元素
:lt(index) $("ul li:lt(3)") 选择第4个以前的元素

 参考:http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp

转载于:https://www.cnblogs.com/tuld/p/5940002.html

你可能感兴趣的:(javascript)