Jquery--如何创建自己的插件,详细注释版本

本文介绍了使用JQuery创建插件的基本方法,包括利用$.extend和$.fn.extend来拓展类级别及实例化jQuery的方法,同时提供了插件开发的示例代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

文章中代码来源于百度经验http://jingyan.baidu.com/article/e75aca85550216142edac63b.html和Software Craft http://www.cnblogs.com/jonyzhu/p/3732468.html

Jquery创建插件使用的主要方法为:


最近看了JQuery源码,对其又有了新的理解

一、$.extend 用来拓展类级别的jquery方法

        比如$.extend(add:function(a,b) return(a+b))    $.add(1,2);

二、$.fn.extend 用来拓展对象的方法

        fn即prototype,这种方式表示实例化jQuery拓展方法

       比如$.fn.extend(changeColor:function(color) returnthis.css({"background": color }))    $("#table").changeColor("#FFF");

三、开发一个插件的步骤:


这个方法中采用了闭包的形式,function中传入一个形参$,最后传入jquery实参

(function($){

    var defaults = {                                                                    //设置默认值

                                name:"插件",

                                version:"1.0"

    }

    var showName = function(obj){                                        //闭包里的方法,不能被外界调用

        &(obj).append(function(){

                                    return "name";

        });

    }

    $.fn.extend.myTable(fuction(options){

         var options = $.extend(defaults, options);                   //将默认值与传入的参数进行合并

         return this.each(function(){                                             //循环调用每个函数

                     showName(this);

         });

   });

})(jQuery)

调用方法:

<div id="divShowName"><diiv>

js:

$("divShowName").myTable();

返回“插件”

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值