美文网首页我爱编程
JQuery 插件扩展

JQuery 插件扩展

作者: declanyang | 来源:发表于2015-04-13 17:52 被阅读98次

jQuery插件的开发包括两种:

一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。

1、类级别的插件开发

类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数,将函数定义于jQuery的命名空间中。关于类级别的插件开发可以采用如下几种形式进行扩展:

1.1添加一个新的全局函数

jQuery.foo = function(){ alert("my foo方法")};

1.2增加多个全局函数

jQuery.foo = function(){ alert("my foo方法") };

jQuery.bar = function(){ alert("my bar方法") };

1.3使用jQuery.extend(object);

jQuery.extend({

       foo: function(){},

       bar: function(){}

})

1.4使用命名空间

虽然在jQuery命名空间中,我们禁止使用了大量的javaScript函数名和变量名。但是仍然不可避免某些函数或变量名将于其他jQuery插件冲突,因此我们习惯将一些方法封装到另一个自定义的命名空间。

jQuery.myFunction = {

foo: function(){},

bar: function(){}

}

调用方式:

$.myFunction.foo(); 

$.myFunction.bar();

2、对象级别的插件开发

对象级别的插件开发需要如下的两种形式:

(1):

(function($){

    $.fn.extend({

        foo: function(){},

        bar: function(){}

})

})(jQuery)

(2):

(function($){

    $.fn.foo = function(){};

    $.fn.bar = function(){};

})(jQuery)

相关文章

  • jQuery插件

    1.jQuery插件 jQuery 插件简单的就是一个用于扩展 jQuery 的 prototype 对象的新方法...

  • jQuery扩展插件

    什么是jQuery插件? 扩展jQuery原型对象的一个方法(jQuery插件是jQuery对象的一个方法)jQu...

  • 如何开发插件

    jQuery插件开发模式 jQuery插件一般有三种开发方式: 通过$.extend来扩展jQuery 通过$.f...

  • jQuery插件机制

    为了方便用户创建插件,jQuery提供了两种方法来扩展插件,分别是jQuery.extend()和jQuery.f...

  • jQuery

    插件开发 $.extend扩展jQuery方法,$.myFun()$.fn向jQuery添加新方法,$("#myD...

  • JQuery 插件扩展

    jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类...

  • jQuery 插件扩展

    Document .drag {width: 100px;height: ...

  • jQuery插件扩展

    一、jQuery的扩展性jQuery,除了对JavaScript进行封装让写法、功能实现更简单,特别是选择器抓取D...

  • jQuery的widget开发

    jQuery插件开发方式 主要有三种:通过$.extend()来扩展jQuery通过$.fn 向jQuery添加新...

  • jQuery.extend 函数使用详解

    JQuery的extend扩展方法:Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一...

网友评论

    本文标题:JQuery 插件扩展

    本文链接:https://www.haomeiwen.com/subject/bdtoxttx.html