浅谈jquery.fn.extend与jquery.extend区别

 更新时间:2015年07月13日 10:11:23   投稿:hebedich  
本文给大家简单描述了下jquery.fn.extend与jquery.extend的概念以及区别,十分的实用,有需要的小伙伴可以参考下。

1.jquery.extend(object); 为扩展jQuery类本身.为类添加新的方法。
jquery.fn.extend(object);给jQuery对象添加方法。

$.extend({ 
  add:function(a,b){return a+b;} 
}); 

//$.add(3,4);
//return 7 

jQuery添加一个为 add的“静态方法”,之后便可以在引入 jQuery 的地方,使用这个方法了.

2.jQuery.fn.extend(object); 对jQuery.prototype进得扩展,就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。

$.fn.extend({ 
  alertClick:function(){ 
    $(this).click(function(){ 
      alert($(this).val()); 
    }); 
  } 
}); 

//页面上为:
<input id="input1" type="text"/>    

//使用
$("#input1").alertClick();  

以上所述就是本文的全部内容了,希望大家能够喜欢。

相关文章

  • 基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)

    基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)

    上次发了几个jQuery的插件和些心得, 很多园友(也许是自己站上的)发邮件希望能提供更多的源码, 正好这次有个同学希望在自己的坛子上挂个图片裁剪以生成头像的功能, 于是帮忙写了这么个插件.也许很多园友用得着, 就一并发上来啦.
    2011-09-09
  • jQuery实现类似滑动门切换效果的层切换

    jQuery实现类似滑动门切换效果的层切换

    滑动门切换效果想必大家都有见到过吧,在本文为大家介绍下jQuery是如何实现层切换的
    2013-09-09
  • jQuery实现本地存储

    jQuery实现本地存储

    这篇文章主要为大家详细介绍了jQuery实现本地存储,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • jQuery实现为图片添加镜头放大效果的方法

    jQuery实现为图片添加镜头放大效果的方法

    这篇文章主要介绍了jQuery实现为图片添加镜头放大效果的方法,提供了四种放大镜效果供大家选择使用,并附有完整的源码下载地址,需要的朋友可以参考下
    2015-06-06
  • jQuery+PHP+Mysql实现抽奖程序

    jQuery+PHP+Mysql实现抽奖程序

    这篇文章主要为大家详细介绍了jQuery+PHP+Mysql实现抽奖程序,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • jQuery.uploadify文件上传组件实例讲解

    jQuery.uploadify文件上传组件实例讲解

    这篇文章主要介绍了jQuery.uploadify文件上传组件实例讲解的相关资料,本文图文并茂介绍的非常详细,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • jQuery层叠选择器用法实例分析

    jQuery层叠选择器用法实例分析

    这篇文章主要介绍了jQuery层叠选择器用法,结合实例形式分析了jQuery层叠选择器功能、用法及相关操作注意事项,需要的朋友可以参考下
    2019-06-06
  • jQuery 3.0 的变化及使用方法

    jQuery 3.0 的变化及使用方法

    jQuery ,是迄今为止世界上最流行的 JavaScript 库,一直是我们这些 Web 开发者的神器。自从它在 2006 年发布最初版本直到如今,已经有非常多的 Web 开发者在项目中引入了这个优秀的库来使开发工作变得更轻松
    2016-02-02
  • jQuery实现列表的全选功能

    jQuery实现列表的全选功能

    本文给大家分享的是使用jquery实现的全选删除插件的代码,非常的实用,本文示例是结合的ThinkPHP,小伙伴们可以自由扩展。
    2015-03-03
  • jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】

    jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】

    这篇文章主要介绍了jQuery实现浏览器之间跳转并传递参数功能,具有支持中文字符传输的功能,涉及jQuery编码转换、事件响应、页面跳转等相关操作技巧,需要的朋友可以参考下
    2018-03-03

最新评论