• jquery扩展的两个方法与区别 $.extend $.fn.extend


      1. jQuery.extend:Query本身的扩展方法
      2. jQuery.fn.extent(Object) jquery 所选对象扩展方法

        jQuery.extend

        我们先把jQuery看成了一个类,这样好理解一些。 
        jQuery.extend(),是扩展的jQuery这个类。 
        比如:猴子这个类,会说话,会爬树。现在我们用jQuery.extend()给它增加一个本领,让它也会敲代码。如下代码

        $.extend({
            qiaodaima:function(){
                alert("我会敲代码了");
            }
        })
        //注:$是jQuery的缩写

        使用方法

        $.qiaodaima();

        猴子就是jQuery这个类,敲代码是这个类里面的方法。 
        所以这个敲代码只有猴子会,而大象狮子并不会。 
        这个扩展也就是所谓的静态方法。只跟这个 类 本身有关。跟你具体的实例化对象是没关系滴。

        jQuery.fn.extend()

        然而jQuery.fn.extend()是用在jQuery对象上面的。 
        例如:

        $.fn.extend({
            qiaodaima:function(htmldom){
                $(this).text("敲代码");
            }
        });

        使用方法

        $(".class").qiaodaima();

        另一种写法:

        (function($){
            $.fn.qiaodaima = function(htmldom){
                $(this).text("敲代码");
            }
        })(jQuery)

        调用方法一样。 
        第二种方法定义了一个jQuery函数,形参是,jQuery.,jQuery,使这个别名,而不会与prototype引起冲突.

      3. 区别

        其实吧,jQuery.extend()这个方法,主要是用来拓展个全局函数啦,例如.ajax().fn.each(),当选择器用。 
        大部分插件都是用jQuery.fn.extend()。

    摘自:http://blog.csdn.net/u012536005/article/details/50786912

  • 相关阅读:
    git archive
    查看库的详细版本号,
    locks
    jquery中的DOM操作集锦
    Eclipse调试Bug的七种常用技巧
    eclipse如何修改dynamic web module version
    Eclipse导入到web项目没有run on server
    深入理解JavaScript系列
    10个好用的JQuery代码片段收集
    实现table样式的设定
  • 原文地址:https://www.cnblogs.com/youmingkuang/p/7089722.html
Copyright © 2020-2023  润新知