当使用像jQuery这样的库时，开发者通常会使用选择器来访问和操作DOM中的元素。当一个选择在页面上被反复的访问时，把它缓存起来以获得更好的性能是个不错的想法。
让我们看一个例子,
jQuery(document).ready(function() {
jQuery('#some-selector').on('hover', function() {
jQuery(this).fadeOut('slow').delay(400).fadeIn();
console.log(jQuery(this).text());
});
jQuery('#another-element').on('hover', function() {
jQuery(this).slideUp();
});
jQuery('#some-selector').on('click', function() {
alert('You have clicked a featured element');
});
jQuery('#another-element').on('mouseout', function() {
jQuery(this).slideUp();
});
});
也许你已经注意到，ID ‘some-selector' 和 ‘another-element' 在上面的代码片段中被提到了两次。通过把这些选择器保存到变量里，可以使他们能被复用，并且避免了重复选择操作。
当你开始在你的jQuery代码里积攒出各种各样的选择器时，你就能领会到在对象中缓存选择器 – 以键值对的形式 – 是多么美好。这使得你更容易在脚本中的任何地方访问它们，并且维护这些选择器也是轻而易举的事。
缓存选择器后，改进过的代码会像这样,
var someNamespace_Dom = {
someSelector : 'jQuery("#some-selector")',
anotherElement: 'jQuery("#another-element")',
};
jQuery(document).ready(function() {
someNamespace_Dom.someSelector.on('hover', function() {
jQuery(this).fadeOut('slow').delay(400).fadeIn();
console.log(jQuery(this).text());
});
someNamespace_Dom.anotherElement.on('hover', function() {
jQuery(this).slideUp();
});
someNamespace_Dom.someSelector.on('click', function() {
alert('You have clicked a featured element');
});
someNamespace_Dom.anotherElement.on('mouseout', function() {
jQuery(this).slideUp();
});
});
由于选择器已经被缓存到变量中，DOM 树不再需要被重复遍历来寻找被操作的元素。‘someNamespace_Dom' 对象可以被用来添加更多键值对，使得维护工作很轻松。
jQuery,选择器
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。