zoukankan      html  css  js  c++  java
  • $.fn、$.fn.extend和$.extend的区别

    $.fn

    $.fn是指jquery的命名空间,加在fn上的方法及属性,会对jquery实例每一个有效。 如:扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了。那么你可以这样子:$("#div").abc(); 

    $.fn=jQuery.prototype

    $.fn = jQuery.prototype ={ 
       init: function( selector, context ){//....  
       //...... 
    }; 

    以上js代码是定义一个jQuery原型方法的示例,$("#btn1") 会生成一个 jQuery类的实例,这个实例就可以调用init方法:$("#btn1") .init;

    jQuery.extend(object)

    jQuery.extend(object)为jQuery类添加添加类方法,可以理解为添加静态方法。

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

     以上js代码就定义了一个名为add的jQuery静态方法。之后便可以在引入 jQuery 的地方,使用这个方法了: $.add(3,4); //return 7 

    Object jQuery.extend( target, object1, [objectN])

    用一个或多个其他对象来扩展一个对象,返回被扩展的对象

    var settings = { validate: false, limit: 5, name: "foo" }; 
    var options = { validate: true, name: "bar" }; 
    jQuery.extend(settings, options); 
    结果:settings == { validate: true, limit: 5, name: "bar" }

    jQuery.fn.extend(object)

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

    jQuery.fn.extend = jQuery.prototype.extend

  • 相关阅读:
    codevs 1163:访问艺术馆
    codevs 2853:方格游戏
    冲刺Noip2017模拟赛2 解题报告——五十岚芒果酱
    HDU 1317:XYZZY
    codevs 1380:没有上司的舞会
    POJ 1734:Sightseeing trip
    lesson 23 one man's meat is another man's poison
    wordlist 4
    TPO-12 C1 Revise a Hemingway paper
    lesson 22 by heart
  • 原文地址:https://www.cnblogs.com/xrab/p/5482498.html
Copyright © 2011-2022 走看看