我是靠谱客的博主 哭泣豆芽,最近开发中收集的这篇文章主要介绍如何使jQuery高效,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

1)缓存变量 少用选择器

  1. $element = $('#element');
  2. h = $element.height();

2)避免全局变量


3)在变量前加$前缀,便于识别出jQuery对象。


4)使用on 不要使用单独的click()等方法

--注释---

.bind()是直接绑定在元素上

.live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的,绑定到document DOM节点上。和.bind()的优势是支持动态数据。

.delegate()则是更精确的小范围使用事件代理,性能优于.live()

.on()则是最新的1.9版本整合了之前的三种方式的新事件绑定机制


--end---

5)链式操作

6)最短路径求值

  1. function initVar($myVar) {
  2.     $myVar = $myVar || $('#selector');
  3. }
7)技巧
你可能对使用jQuery中的方法缺少经验,一定要查看的文档,可能会有一个更好或更快的方法来使用它。
  1. // 糟糕

  2. $('#id').data(key,value);

  3. // 建议 (高效)

  4. $.data('#id',key,value);//important

最后

以上就是哭泣豆芽为你收集整理的如何使jQuery高效的全部内容,希望文章能够帮你解决如何使jQuery高效所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(65)

评论列表共有 0 条评论

立即
投稿
返回
顶部