jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了我们如何将伪选择器应用于jQuery DOM变量?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
如果将body> div分配给变量,我们可以使用$(‘body> div:lt(2)’)来获取正文中的前2个DIV:

var s = $('body>div')

我们仍然可以使用伪选择器或其他方法获取前两个DIV参变量吗?当然,s:lt(2)不起作用.我能想到的是$(s.slice(0,2)),但有没有更好的方法呢?

解决方法

您可以使用jQuery的 .filter()方法,该方法允许使用选择器参数来过滤jQuery对象中的选定节点.

var filtered = s.filter(':lt(2)');

请注意,这不会修改s的原始值,因此您将拥有s中的所有div,并过滤掉过滤后的div.

或者,正如您已经说过并已在评论中讨论过,您可以使用Array.prototype.slice.

var sliced = $(s.slice(0,2));

这在技术上比.filter()更快.但是,它也可能使您的代码不易读/理解.除非您在非常短的时间内执行此操作数千次或更多次,否则性能增益也可能极其微不足道.

可读性与性能是一场经常在编程中进行的战斗,最终你是唯一能够决定哪一个胜出自己代码的人.

大佬总结

以上是大佬教程为你收集整理的我们如何将伪选择器应用于jQuery DOM变量?全部内容,希望文章能够帮你解决我们如何将伪选择器应用于jQuery DOM变量?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。