GBin1分享：jQuery新手技巧之“避免过多使用$('.someclass')”

为什么80%的码农都做不了架构师？>>>

日期：2011/10/08 原文：net.tusuplus.com 翻译：GBin1.com

作为nettus+的编辑，我需要检阅很多的教程。尽管jQuery已经流行了很多年了。但是这里任然有一个经常能够看到的非常容易犯得错误。

样例 1

首先我们看看如下代码：

$('.nav a').click(function() {$(this).hide();$(this).css('color', 'red');$(this).show();alert('something else');$(this).hide();return false;
});

以上代码因为各种原因有些过度复杂。我们这里不关心代码具体执行的功能。相反，我们关注一下所有的$(this)参考。

现在我们把DOM想象为一个水池。记得你还是个孩子的时候，你肯定会跳进池子里抓鱼。而你的父母肯定只是在旁边观看。这是一个非常好的现实中的比较。

每一次当你使用$(‘.someclass')的时候，jQuery都会跳到池子（DOM）里寻找鱼(Nodes)。因此，当你在一个函数中多次参考的时候，会造成大量的跳水动作。这样会带来大量的浪费。为什么在不需要的时候还调用jQuery呢？你应该执行所谓的“缓存”。

... ....

原文来自：GBin1分享：jQuery新手技巧之“避免过多使用$('.someclass')”

转载于:https://my.oschina.net/gbin1/blog/33025

GBin1分享：jQuery新手技巧之“避免过多使用$('.someclass')”相关推荐

如何使用jquery_好程序员web前端学习路线分享jQuery学习技巧
好程序员web前端学习路线分享jQuery学习技巧,jQuery在web前端学习中是一个必不可少的内容,很多小伙伴都在学习这阶段的时候遇到问题,今天我们就来聊一下jQuery,让我们一起来看一看吧! ...
GBin1分享的10个吸引眼球的jQuery插件
日期:2011/10/11 原文:jquery4u.com 编译:GBin1.com GBin1今天特意选取了10个非常吸引眼球的jQuery小组件和插件与大家分享,其中包括图片廊,文本功能提升,及其 ...
青云志鸿蒙争霸位置,青云志手游快速升级攻略，技巧分享，新手升级方法
原标题:青云志手游快速升级攻略,技巧分享 ,新手升级方法青云志手游新手怎么才能快速冲级?青云志手游升级有什么技巧方法?对于青云志手游中的升级问题, 今天唯游沫沫就为各位小伙伴们带来,青云志手游新手升 ...
好程序员Web前端教程分享JavaScript开发技巧
好程序员Web前端教程分享JavaScript开发技巧,相信知道Web前端的小伙伴都熟悉,Javascript的很多扩展的特性是的它变得更加的犀利,同时也给予程序员机会创建更漂亮并且更让用户喜欢的网站 ...
想学python编程-【经验分享】新手如何快速学好Python？
原标题:[经验分享]新手如何快速学好Python? 什么样的人适合学习编程?到底Python作为编程入门语言合适吗?学习Python编程,我们应该如何学?大概的学习内容包括哪些? 今天我们就用一篇文章 ...
《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.17　技巧：使用多个列
本节书摘来自异步社区<jQuery.jQuery UI及jQuery Mobile技巧与示例>一书中的第9章,第9.17节,作者:[荷]Adriaan de Jonge , [美]Phil ...
《jQuery、jQuery UI及jQuery Mobile技巧与示例》——3.3　技巧：生成类名
本节书摘来自异步社区<jQuery.jQuery UI及jQuery Mobile技巧与示例>一书中的第3章,第3.3节,作者:[荷]Adriaan de Jonge , [美]Phil ...
必须学会使用的35个Jquery小技巧
收集的35个jQuery小技巧/代码片段,可以帮你快速开发. 1. 禁止右键点击 1 2 3 4 5 $(document).ready(function(){ $(document).bind(&q ...
《jQuery、jQuery UI及jQuery Mobile技巧与示例》——7.4　示例：使用按钮集装饰单选框...
本节书摘来自异步社区<jQuery.jQuery UI及jQuery Mobile技巧与示例>一书中的第7章,第7.4节,作者:[荷]Adriaan de Jonge , [美]Phil ...

GBin1分享：jQuery新手技巧之“避免过多使用$('.someclass')”

样例 1

GBin1分享：jQuery新手技巧之“避免过多使用$('.someclass')”相关推荐

最新文章

热门文章