复习JQ (1)

常用方法

.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>

$("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