相关疑难解决方法(0)

如何了解jQuery选择器如何在幕后工作?

例如,当我们使用时$('div span'),jQuery如何对我们进行搜索?

它首先搜索span元素还是div

似乎jQuery官方网站没有解释这些事情; 它只是告诉我们通过API可以获得的功能.

我想知道每种类型的jQuery选择器是如何实现的,所以我可以选择要使用的最佳选择器.

你知道我在哪里可以得到这样的信息吗?

jquery jquery-selectors

15
推荐指数
2
解决办法
8239
查看次数

jQuery优化选择器

我想知道有一天当你在jQuery中输入你的选择器时,如果你指定你的选择器非常具体或非常松散,它会对性能产生影响.

例如

$('$myId .someElement')
Run Code Online (Sandbox Code Playgroud)

要么

$('table#myId > tbody > tr > td > div.someElement');
Run Code Online (Sandbox Code Playgroud)

第二个选项是否会更快或者差异是否可以忽略,比如当.each()你需要一遍又一遍地找到相同的元素时.

optimization jquery

7
推荐指数
2
解决办法
1028
查看次数

编写jQuery选择器的最佳实践

我目前正在我的jQuery代码中编写非常明确的选择器.例如给出这个标记

<div class="codeblue">
    <div class="codeyellow">
        <div class="codeorange">
            <div class="codewhite">
                <select id="codeChoice">
                    <option>red</option>
                    <option>green</option>
                    <option>black</option>
                </select>
            </div>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我使用这个显式选择器

var $select = $('.codeblue .codeyellow .codeorange .codewhite #codeChoice');
Run Code Online (Sandbox Code Playgroud)

这样做会更好吗?

var $codeBlue = $('.codeblue');
var $select = $codeBlue.find('#codeChoice');
Run Code Online (Sandbox Code Playgroud)

没有使用显式选择器是否有任何性能命中?

html javascript jquery jquery-selectors

2
推荐指数
1
解决办法
782
查看次数