jquery选择器及效率问题

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开始

　　

posted on 2013-08-21 10:05  针尖上的舞者 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/fish-king/p/3271983.html