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

posted @   幽冥狂_七  阅读(469)  评论(0编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
点击右上角即可分享
微信分享提示