对于我的项目,我使用缓存选择器来加速,并查看改进:
(以减少文档内的搜索)
var sel1 = $('#selector1');
var sel2 = $('#selector2');
在这种情况下如何使用缓存的选择器?例如:
$('#selector1, #selector2').fadeTo(300, 1, 'linear');
这只是为了完善我的代码
Ty :)
您可以使用.add()
到“将元素添加到匹配元素集中”:
sel1.add(sel2).fadeTo(300, 1, 'linear');
文档用于.add()
: http://api.jquery.com/add http://api.jquery.com/add
.add()
可以吸收:
- 一个选择器
- DOM 元素
- jQuery 对象
- 和带有上下文的选择器(
$('<selector>', <context>)
)
您还可以将 DOM 元素数组传递给 jQuery:
var one = $('#one')[0],
two = $('#two')[0];
$([one, two]).fadeTo(300, 1, 'linear');
这是一个演示:http://jsfiddle.net/3xJzE/ http://jsfiddle.net/3xJzE/
UPDATE
我创建了当前答案的三种不同方法的 jsperf:http://jsperf.com/jquery-fadeto-once-vs-twice http://jsperf.com/jquery-fadeto-once-vs-twice(似乎使用数组选择器是最快的:$([one, two]).fadeTo...
)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)