$.fn、$.fn.extend()和$.extend()

注意先区分开jquery类本身jquery类的实例

一、$.fn

$.fn = $.prototy = {
    init: function(){}
}
fn后面挂载的方法或属性,都能被jquery实例继承,就是这么简单

二、$.fn.extend()
作用和$.fn是一样的,都是给jquery实例扩展方法,只是写法不同;
$.fn.extend(), 接收一个对象作为参数;
jquery实例使用这里封装的方法时,直接调用对象里的方法属性;

$.fn.extend({          
    alertWhileClick:function() {            
          $(this).click(function(){                 
                 alert($(this).val());           
           });           
     }       
});       
$("#input1").alertWhileClick();

三、$.extend()
作用一:是为jquery类添加静态方法

jQuery.extend({
min: function(a, b) { return a < b ? a : b; },
max: function(a, b) { return a > b ? a : b; }
});
jQuery.min(2,3); //  2 
jQuery.max(4,5); //  5

作用二:用后面对象扩展第一个对象,并修改第一个对象,然后将其输出,如下面这个例子,对象setting被修改


jQuery.extend()方法

【学习】
1.国外一个超赞的jQuery插件开发模式借鉴
2.非常清晰的jQuery插件开发插件教程

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 115,353评论 24 450
  • jquery插件的开发包括两种: 一种是类级别的插件开发,即给jquery添加新的全局函数,相当于给jquery类...
    小豆soybean阅读 4,017评论 0 4
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,281评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,935评论 0 1
  • 有的目标、计划,还需要让情怀落地: 行动。 这中间的的桥梁就是可执行的下一步行动。简称下一步行动。 有了下一步行动...
    iNotes阅读 3,621评论 0 0

友情链接更多精彩内容