$("#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
名称
说明
举例 匹配给定的属性是以包含某些值的元素 查找所有 name 包含 'man' 的 input 元素:
[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]
$("input[name*='man']")
[attributeFilter1][attributeFilter2][attributeFilterN]
复合属性选择器,需要同时满足多个条件时使用。
找到所有含有 id 属性,并且它的 name 属性是以 man 结尾的:
$("input[id][name$='man']")
8.子元素过滤器 Child Filters