《如何提高JQuery代码效率》.pdfVIP

  1. 1、本文档共5页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
《如何提高JQuery代码效率》.pdf

1. 总是从ID 选择器开始继承 在jquery 中最快的选择器是ID 选择器. 因为它直接来自于Javascript 的getElementById 方法. div id “content” form method “post” action “/” Traffic Light ul id “traffic_light” input type “radio” class “on” name “light” value “red” / Red input type “radio” class “off” name “light” value “yellow” / Yellow input type “radio” class “off” name “light” value “green” / Green input class “button” id “traffic_button” type “submit” value “Go” / 像这样选择按钮是低效的: var traffic_button $ ‘#content .button’ ; 用ID 直接选择按钮效率更高: var traffic_button $ ‘#traffic_button’ ; 选择多个元素 提到多元素选择其实是在说DOM 遍历和循环, 这些都是比较慢的东西.为了提高性能, 最好从就近的ID开始继承. var traffic_lights $ ‘#traffic_light input’ ; 2. 在class 前使用tag 第二快的选择器是tag 选择器 $ ‘head’ . 同理,因为它来自原生的getElementsByTagName 方法. div id “content” form method “post” action “/” Traffic Light ul id “traffic_light” input type “radio” class “on” name “light” value “red” / Red input type “radio” class “off” name “light” value “yellow” / Yellow input type “radio” class “off” name “light” value “green” / Green input class “button” id “traffic_button” type “submit” value “Go” / ; 总是用一个tag name 来限制 修饰 class 并且不要忘记就近的ID : var active_light $ ‘#traffic_light input.on’ ; 注意: 在jquery 中Class 是最慢的选择器. IE浏览器下它会遍历所有DOM 节点不管它用在那里. 不要用用tag name 来修饰ID. 下面的例子将会遍历所有的div 元素来查找id 为’content’的哪一个节点: var content $ ‘div#content’ ; 用ID 修饰ID 也是画蛇添足: var traffic_light $ ‘#content #traffic_light’ ; 3.将jquery 对象缓存起来 要养成将jquery 对象缓存进变量的习惯. 永远不要这样做: $ #traffic_light input.on .bind click, function … ; $ #traffic_light input.on .css border, 3px dashed yellow ; $ #traffic_light input.on .css background-color,orange ; $ #traffic_light input.on .fadeIn slow ; 最好先将对象缓存进一个变量然后再操作: var $active_light $ ‘#traffic_light input.on’ ; $active_light .bind ‘click’, function … ; $active_light .css ‘border’, ‘3px dashed yellow’ ; $active_light .css ‘background-color’, ‘orange’ ; $active_light .fadeIn ’slow’ ; 为了记住我们本地变量是jquery 的封装, 通常用一个$作为变量前缀. 记住,永远不要让相同的选择器在你的代码 里出

您可能关注的文档

文档评论(0)

qspd + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档