jQuery技术

15个相当不错的jQuery技巧(2)

字号+ 作者:H5之家 来源:H5之家 2017-01-27 15:07 我要评论( )

9.$.proxy()的使用 关于$.proxy(),明河曾经详细介绍过,传送门在此《jquery1.4教程三:新增方法教程(3)》。 jquery有个让人头疼的地方,回调函数过多,上下文this总是在变化着,有时候我们需要控制this的指向,


9.$.proxy()的使用

关于$.proxy(),明河曾经详细介绍过,传送门在此《jquery1.4教程三:新增方法教程(3)》。
jquery有个让人头疼的地方,回调函数过多,上下文this总是在变化着,有时候我们需要控制this的指向,这时候就需要$.proxy()方法。
<div>
<button>Close</button>
</div>
$('#panel').fadeIn(function(){
// this points to #panel
$('#panel button').click(function(){
// this points to the button
$(this).fadeOut();
});
});
嵌套的二个回调函数this指向是不同的!现在我们希望this的指向是#panel的元素。代码如下:
$('#panel').fadeIn(function(){
// Using $.proxy to bind this:

$('#panel button').click($.proxy(function(){
// this points to #panel
$(this).fadeOut();
},this));
});


10.快速获取节点数

这是个常用的技巧,代码如下:
console.log( $('*').length );

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 前端开发必知的15个jQuery小技巧

    前端开发必知的15个jQuery小技巧

    2017-01-27 17:02

  • 很不错的jQuery学习资料和实例

    很不错的jQuery学习资料和实例

    2015-11-09 17:24

  • 15个值得开发人员关注的jQuery开发技巧和心得_694.doc

    15个值得开发人员关注的jQuery开发技巧和心得_694.doc

    2015-10-22 16:58

  • 15个jquery常用方法、小技巧分享

    15个jquery常用方法、小技巧分享

    2015-09-27 09:13

网友点评