jquery获取css中的选择器(实例讲解)(2)

$("#run").click(function(){
  $("div:not(:animated)").animate({ left: "+=20" }, 1000);
});

 

5、内容过滤器(主节点的子节点为文本节点)

名称   说明   举例  
:contains(text)   匹配包含给定文本的元素   查找所有包含 "John" 的 div 元素:$("div:contains('John')")  
:empty   匹配所有不包含子元素或者文本的空元素   查找所有不包含子元素或者文本的空元素:$("td:empty")  
:has(selector)   匹配含有选择器所匹配的元素的元素   给所有包含 p 元素的 div 元素添加一个 text 类: $("div:has(p)").addClass("test");  
:parent   匹配含有子元素或者文本的元素   查找所有含有子元素或者文本的 td 元素:$("td:parent")  

6、可见性过滤器  Visibility Filters

:hidden

:visible

7、属性过滤器 Attribute Filters

名称   说明   举例  
[attribute]   匹配包含给定属性的元素   查找所有含有 id 属性的 div 元素:
$("div[id]")
 
[attribute=value]   匹配给定的属性是某个特定值的元素   查找所有 name 属性是 newsletter 的 input 元素:
$("input[name='newsletter']").attr("checked", true);
 
[attribute!=value]   匹配给定的属性是不包含某个特定值的元素   查找所有 name 属性不是 newsletter 的 input 元素:
$("input[name!='newsletter']").attr("checked", true);
 
[attribute^=value]   匹配给定的属性是以某些值开始的元素   $("input[name^='news']")  
[attribute$=value]   匹配给定的属性是以某些值结尾的元素   查找所有 name 以 'letter' 结尾的 input 元素:
$("input[name$='letter']")
 
[attribute*=value]  

匹配给定的属性是以包含某些值的元素

 

查找所有 name 包含 'man' 的 input 元素:
$("input[name*='man']")

 
[attributeFilter1][attributeFilter2][attributeFilterN]   复合属性选择器,需要同时满足多个条件时使用。   找到所有含有 id 属性,并且它的 name 属性是以 man 结尾的:
$("input[id][name$='man']")
 

8.子元素过滤器 Child Filters

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdwfxd.html