使用合理jQuery选择器查找DOM元素

1、尽量使用ID选择器

  jQuery的选择器使用的API都是基于getElementById或getElementsByTagName,效率最高的是ID选择器。

  因为jQuery会直接调用getElementById去获取dom,而通过样式选择器获取jQuery对象往往会使用getElementsByTagName去获取然后筛选。

2、样式选择器尽量明确指定tagName

  是$("div.jquery")而不是$(".jquery"),这样的好处是jQuery会先获取div然后进行筛选,而不是获取整个dom再筛选。

3、避免迭代

  如$(".jquery .child"),获取className为jquery下的所有className为child的元素,这样jQuery会不断进行深层遍历来获取需要的元素。

  可以使用$("selector1>selector2")   $("selector").find("child")   $("selector").children("child");

  $(selector, context)  context可以是DOM对象集合,传值表示从context中选择匹配的对象,不传入表示文档对象。

 

posted on 2014-12-26 00:38  比比已存在  阅读(328)  评论(0编辑  收藏  举报