使用合理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中选择匹配的对象,不传入表示文档对象。
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中选择匹配的对象,不传入表示文档对象。
相关文章推荐
- 使用选择器语法来查找元素 - 你想使用类似于CSS或jQuery的语法来查找和操作元素
- jQuery参考实例 1.3 使用选择器和jQuery函数对DOM元素进行选择
- jQuery用正则查找元素:jQuery选择器使用
- (三)Jsoup 使用选择器语法查找 DOM 元素
- jQuery入门30分钟--使用jQuery强大的选择器引擎从DOM中选取元素
- jquery使用选择器获得要操作的元素
- ruby 中使用 Dom技术来查找页面元素
- JQuery选择器使用以及对元素的操作方法
- 使用jquery动态修改dom元素属性在IE下的问题
- 【使用JSOUP实现网络爬虫】使用选择器语法来查找元素
- 使用jQuery层次选择器选择元素
- JQuery里面的几种选择器——查找满足条件的元素$("#控件ID")
- 使用jQuery内容过滤选择器选择元素实例讲解
- JQuery里面的几种选择器 查找满足条件的元素$("#控件ID")
- 使用选择器语法来查找元素
- 使用jQuery基本选择器选择元素
- 使用jquery选择器操作form元素
- jQuery选择器选择dom元素
- jsoup使用选择器语法来查找元素
- crawler_jsoup HTML解析器_使用选择器语法来查找元素