Javascript 基于父级缓存复杂jquery选择器&;类型
我正在努力提高jQuery的性能。我在这个网站上找到了一些有帮助的问题/答案,但我正试图更进一步 下面是一个HTML示例,非常简单Javascript 基于父级缓存复杂jquery选择器&;类型,javascript,jquery,performance,Javascript,Jquery,Performance,我正在努力提高jQuery的性能。我在这个网站上找到了一些有帮助的问题/答案,但我正试图更进一步 下面是一个HTML示例,非常简单 <div id="Container"> <div> <div> <input type="text" id="something"> </div> <input type="text" id="other">
<div id="Container">
<div>
<div>
<input type="text" id="something">
</div>
<input type="text" id="other">
</div>
</div>
目标是提高10+类检查的速度。它们在div“Container”中都是相同的文本框,只是指定了不同的类。如果我这样做,它会起作用:
var myContainer = document.getElementById("Container");
$(".numeric", myContainer).numeric();
$(".numeric", allInputText);
但如果我这样做,它就不起作用了:
var myContainer = document.getElementById("Container");
$(".numeric", myContainer).numeric();
$(".numeric", allInputText);
理想情况下,我希望使用“allInputText”,因为实际上我只在Container div中的输入文本框中查找“.numeric”类。这是在上面缓存的,用于执行change()和bind(),但现在我想对这些类做更多的操作,不同类的操作除外。有没有办法以尽可能最好的缓存性能来实现这一点?因为您有一组元素,您需要对该集合进行过滤,而不是在该集合中找到您的代码正在执行的操作
尝试
allInputText.filter(“.numeric”)
Ahh filter!这就是我错过的。非常感谢,这缩短了数百毫秒。