常用方法
.has()
.not()
.filter()
.next()
.prev()
.find()
.eq()
.index()
.attr()
一、attr
写一个参数是获取,两个参数就是设置。
$(".class1").attr("title"); //获取title属性
$(".class1").attr("title","example"); //设置title属性
二、filter not
filter 用来筛选符合条件的元素 not 用来筛选不符合条件的元素
<div class="box1"></div>
<div class="box2"></div>
$("div").filter(".box1").css("background","red"); //只有box1背景会变红
$("div").not(".box1").css("background","red"); //只有box2背景会变红
三、has
筛选出包含所给出条件的元素
<div>div1<span class="box1">span</span></div>
<div class="box1">div2</div>
$("div").has(".box1").css("background","red"); //只有第一个div背景会变红
四、next prev
next 选择下一个兄弟节点
prev 选择上一个兄弟节点
五、find
用来查找
<div>
<h3></h3>
<h1></h1>
<h2></h2>
<h3></h3>
<h2></h2>
</div>
$("div").find("h2").css("background","red"); // 所有的h2背景变红
六、eq
选择第几个 索引和数组计算方法一样
<div>
<h3></h3>
<h1></h1>
<h2></h2>
<h3></h3>
<h2></h2>
$("div").find("h2").eq(0).css("background","red"); // 第一个h2背景变红
七、index
在所有兄弟节点当中的位置 索引和数组计算方法一样
<h3></h3>
<h1></h1>
<h3></h3>
<h3 id="example"></h3>
<h2></h2>
alert( $("#h").index() ); // 3