如何使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

添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值