jquery选择器及效率问题

时间:2023-03-10 03:21:29
jquery选择器及效率问题
   $('p2') //选择名字
$('.class') //选择class
$('#id') //选择id $('#id li') //所有id=”id”标签内的li标签
$(“#id”).find(“li”)//用遍历的方法也能找到所有的li元素,且效率比只有用选择器的效率高 $('#id > li') //所有直属子标签,就是直接子节点
$(“#id”).children(“li”) //所有直属的li元素,效率高于直接用选择器
$('#id , .class') //逗号用来复选。选择多个标签
$(“#id li:first”) //第一个元素
$(“#id li:last”)// 最后一个元素
$(“#id li:odd”) //奇数个数的元素(由于从0开始算,所以是第二个)
$(“li”).first().next()//用遍历的方法获得第二个元素,效率高于直接用选择器
$(“#id li:even”) //偶数个数的元素
$(“li”).last().prev()//倒数第二个 $(“li”).first().parent() //获得父元素 $(this) //触发的事件内选择自身 $(this).closest(‘vacation’) //获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上 $(‘.vacation’).filter(‘.onsale’) //过滤出class = vacation的元素,再过滤出class=onsale的元素。这样选择的效率比$(‘.vacation,.onsale’)高 $(‘.vacation’).filter(':even') //过滤出基数,索引从0开始
$(‘.vacation’).filter(':odd') //过滤出偶数,索引从0开始