javascript - jquery dom操作性能-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 AI 提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

背景

在代码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 有相关资料吗？

ringa_lee

全部回复(4)

怪我咯2017-04-10 17:07:55 4楼

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

jQuery([selector,[context]])

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

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

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

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

赞 +0

添加回复

黄舟2017-04-10 17:07:55 3楼

jQuery( selector [, context ] ) 用法的官方的说明：

Selector Context
By default, selectors perform their searches within the DOM starting at the document root. However, an alternate context can be given for the search by using the optional second parameter to the $() function. For example, to do a search within an event handler, the search can be restricted like so:
$( "p.foo" ).click(function() {
 $( "span", this ).addClass( "bar" );
});
When the search for the span selector is restricted to the context of this, only spans >within the clicked element will get the additional class.
Internally, selector context is implemented with the .find() method, so $( "span", this ) is equivalent to $( this ).find( "span" ).

意思是会在指定的Context，也就是指定的DOM元素内查找；jquery内部使用find方法来实现

赞 +0

添加回复

高洛峰2017-04-10 17:07:55 2楼

var $aaa = $('#aaa');

var $bbb = $aaa.find('.bbb');    // 多次使用
$aaa.find('.ccc');                // 一次使用

因为$()是个方法，是方法就会有执行时间

赞 +0

添加回复

巴扎黑2017-04-10 17:07:55 1楼

每次$()起来保存给变量使用

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>