想想你在项目中一次又一次地写了多少相同的选择器吧。每个 $('.element')
都必须查询一次整个 DOM,不管它是否曾这样执行过。作为代替,我们只运行一次选择器,并把结果储存在一个变量中:
var blocks = $('#blocks').find('li');
现在你能在任何地方使用 blocks
变量而无需每次查询 DOM 了:
$('#hideBlocks').click(function () { blocks.fadeOut(); }); $('#showBlocks').click(function () { blocks.fadeIn(); });
缓存 jQuery 的选择器是种简单的性能提升。