复习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").filter(".box1").css("background","red");  //只有box1背景会变红

$("div").not(".box1").css("background","red");  //只有box2背景会变红


三、has

筛选出包含所给出条件的元素

div1span

div2


$("div").has(".box1").css("background","red");  //只有第一个div背景会变红


四、next  prev

next 选择下一个兄弟节点

prev 选择上一个兄弟节点


五、find

用来查找






$("div").find("h2").css("background","red"); // 所有的h2背景变红


六、eq

选择第几个 索引和数组计算方法一样






$("div").find("h2").eq(0).css("background","red"); // 第一个h2背景变红


七、index

在所有兄弟节点当中的位置  索引和数组计算方法一样






alert( $("#h").index() );   // 3


你可能感兴趣的