<script type="text/javascript">
$(function() {
$("div").addClass("css1").filter(function(index) {
return index == 1 || $(this).attr("id") == "fourth";
}).addClass("css2");
});
</script>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
以上jq执行:
将所有的div添加css1然后利用filter()返回的函数将div列表中第一个(index为1),id是fourth的div元素筛选出来,添加css2.
4.查询过滤新元素组
jq还提供了 一些很有的用的方法组合,通过查询来获取新元素组合。例如find()方法。通过匹配选择器来筛选元素
$("p").find("span")
表示查找到<p>标记下含有<span>标记的组合
完全等于
复制代码 代码如下:
$("span",$("p"))
$(function(){
$("p").find("span").addClass("css1");
});
<p><span>Hello</span>, how are you?</p>
表示给Hello添加css1的样式.
另外,还可以通过is()方法来检测是否包含指定的元素,例如可以通过下面代码检测页面中<div>块中是否包含图片。
var himg = $("div").is("img");
试想下,is()还可以结合filter()使用,是不是很惬意?