首页 > web前端 > js教程 > jQuery速度测试:$(this)vs .get()vs .eq()

jQuery速度测试:$(this)vs .get()vs .eq()

Christopher Nolan
发布: 2025-02-23 09:09:09
原创
619 人浏览过

jQuery速度测试:$(this)vs .get()vs .eq()

每个循环缓存性能 - 测试以查看从每个元素中抓取当前元素是否可能/更快地从一个元素中抓取/更快。即$(this)vs .get()vs .eq()带有.text()和textContent/innertext 。测试以JQuery 1.9.1进行。类似于:jQuery速度测试:$(this).attr(“ id”); vs this.id。 jQuery速度测试:$(this)vs .get()vs .eq()
  • .get()和.eq()都从jQuery对象数组返回一个单个“元素”,但它们以不同形式返回单个元素。>
  • .eq()将其返回为jQuery对象,这意味着DOM元素包裹在jQuery包装器中,这意味着它接受jQuery函数。
  • .get()返回原始DOM元素。您可以通过访问其属性并像在原始DOM元素上一样调用其功能来操纵它。但是它失去了作为jQuery包裹的对象的身份,因此像.fadein这样的jQuery函数无法正常工作。
  • >
  • >设置

>测试


   
       list
       
         
             nested 1
             nested 2
             nested 3
         
       
       list
         
             nested 1
             nested 2
             nested 3
         
       list
         
             nested 1
             nested 2
             nested 3
         
       list
   
   


  Benchmark.prototype.setup = function() {
    MY_OBJECT = 
        {
            cache: {},
        
            init: function()
            {
                this.cache.c = $('#container');
                this.cache.n = this.cache.c.find('.nested');
    this.cache.s = this.cache.c.find('#status');
            }
        }
    MY_OBJECT.init();
  };
登录后复制

>常见问题(常见问题解答)关于jQuery eq()方法
$<span>.each(MY_OBJECT.cache.n, function(i<span>, v</span>) 
</span><span>{
</span>    <span>MY_OBJECT.cache.s.text($(this).text());
</span><span>});
</span>

$<span>.each(MY_OBJECT.cache.n, function(i<span>, v</span>) 
</span><span>{
</span>    <span>MY_OBJECT.cache.s.text(MY_OBJECT.cache.n.eq(i).text());
</span><span>});
</span>

$<span>.each(MY_OBJECT.cache.n, function(i<span>, v</span>) 
</span><span>{
</span>    <span>MY_OBJECT.cache.s.text(MY_OBJECT.cache.n.get(i).textContent);
</span><span>});</span>
登录后复制
> jQuery eq()方法的主要功能是什么?它主要用于从一组相似元素的组中选择具有特定索引号的元素。 jQuery中的索引从0开始,这意味着第一个元素是在索引0,第二个元素在索引1处,依此类推。当您想将更改应用于组中的特定元素而不会影响其他元素时。当jQuery中的eq()方法和:eq()选择器都用于根据其索引选择一个元素时,两者之间存在关键差异。 eq()方法过滤了jQuery对象的元素,这意味着它可以在已经通过其他jQuery方法操纵的一组元素上工作。另一方面,:eq()选择器直接在DOM元素上工作,这意味着它只能在加载页面时选择存在的元素。

我可以与jquery eq()一起使用负数方法?

是的,您可以使用jQuery eq()方法使用负数。当使用负数时,该方法从最后一个元素向后计数。例如,eq(-1)将选择最后一个元素,eq(-2)将选择第二个元素,等等。 jQuery eq()方法?

如果使用超出范围的索引号(即大于元素数),则jQuery eq()方法将返回一个空的jQuery对象。这意味着不会采取任何措施,因为没有任何要素可以采取行动。

>

>我可以用eq()方法链接其他jQuery方法吗?这是jQuery的强大功能之一,允许您在一行代码中对所选元素执行多个操作。

>

>我如何使用eq()方法选择所有偶数或奇数索引元素?

选择全部或奇数索引元素,您可以在循环中使用eq()方法。对于甚至索引元素,您可以从索引0启动循环,并增加2个。对于奇数索引元素,您可以从索引1启动循环,并增量为2。敏感的?

不,eq()方法不是对病例敏感的。它只是根据其索引编号选择元素,无论其标签或属性的情况如何。

>

>我可以将eq()方法与其他jQuery选择器一起使用吗?带有其他jQuery选择器的eq()方法。这使您可以缩小选择范围并将更改应用于满足某些条件的特定元素。

>

eq()方法如何处理嵌套元素?

>

eq()方法处理嵌套元素作为单独的元素。这意味着每个嵌套元素都有其自己的索引号,可用于使用eq()方法选择它。

我可以使用eq()方法来选择在DOM上添加的元素?是的,您可以使用eq()方法选择动态添加到DOM中的元素。但是,您需要确保在添加新元素后调用eq()方法,否则将无法找到它们。

以上是jQuery速度测试:$(this)vs .get()vs .eq()的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板