jQuery选择器

属性过滤选择器

1.  [attribute]      $("div[id]")选取所有拥有id属性的元素

2.  [attribute=value]    $("div[title=test]")选取元素属性title值为test的<div>元素

3.  [attribute!=value]    $("div[title!=test]")选取元素属性title值不为test(注意:没有title属性的元素也会被选取)

4. [attribute^=value]    $("div^=test")选取属性title值为test开头的div元素

5. [attribute$=value]    $("div$=test")选取属性title值为test结尾的div元素

6. [attribute*=value]    $("div*=test")选取属性title值中包含test的div元素

7. [selector][selector2][selectorN]     $("div[id][title$='test']")选取拥有id属性,且title属性值以test结尾的所有div元素

 

内容过滤选择器 

1.  :contains(text)    $(“div:contains(我)”)选取含有文本“我”的<div>元素

2.  :empty                $(“div:empty”)选取不包含子元素(文本元素)的<div>空元素

3.  :has(selector)     $(“div:has(p)”)选取含有 <p>元素的<div>元素

4.  :parent                $(“div:parent”)选取拥有子元素(包括文本元素)的<div>元素

 

posted @ 2018-11-14 10:36  黑羽白  阅读(100)  评论(0)    收藏  举报