您的位置:首页 > Web前端 > JQuery

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

2014-12-26 00:38 459 查看
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中选择匹配的对象,不传入表示文档对象。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: