javascript - jquery dom操作性能

问题描述

问 题

背景

在代码review的时候，遇到了个问题，请大神指导下
个人代码中有多处dom操作。
类似：
获取模块：$("#all")
多次获取a：$("#a")
多次获取b：$("#b")

老大给出两个建议：

• 多次使用的dom，保存。
  var aObj = $("#a");

• 对于a,b,c都在all中操作。要首先保存all,减少全局检索
  var viewObj = $("#all");
  var aObj = $("#a",viewObj)

问题来了

两个建议理论上都木有问题，但是，第二种实现方式

var aObj = $("#a",viewObj)

这个会在viewObj 内部检索吗？jquery 有相关资料吗？

解决方案

$() 这个方法完全体是这样的:

jQuery([selector,[context]])

第二个参数可选, 它是selector的查找范围, 如果未指定, 可以理解为查找范围就是document

下面两个会查找到同样的dom集合:

$('.parent .child')
$('.child','.parent')

这两个参数都可以接受字符串,dom元素,jquery对象作为参数。
相关资料可以直接看jqueryAPI，核心方法第一个就是。

这篇关于javascript - jquery dom操作性能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！