博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
编写jQuery插件---简单总结
阅读量:6948 次
发布时间:2019-06-27

本文共 797 字,大约阅读时间需要 2 分钟。

hot3.png

jQuery的插件主要分为3种类型:

1.封装对象方法的插件

2.封装全局函数的插件

3.选择器插件

注:

  • jQuery插件的文件名推荐命名为jquery.[插件名].js,以免和其他javascript库插件混淆。
  • 所有的对象方法都应当附加到jQuery.fn对象上,而所有的全局函数都应当附加到jQuery对象本身上。
  • 在插件内部,this指向的是当前通过选择器获取的jQuery对象,而不是指DOM元素。

插件中的闭包:

常见的jQuery插件都是以下这种形式的

(function(){

/*这里放置代码*/

})();

首先定义一个匿名函数function(){/*这里放置代码*/},然后用括号括起来,变成(function(){/*这里放置代码*/})这种形式,最后通过()这个运算符来执行。可以传递参数进去,以供内部函数使用。

(function($){  //此处将$作为匿名函数的形参

/*这里放置代码,可以使用$作为jQuery的缩写别名*/

})(jQuery);   //这里就将jQuery作为实参传递给匿名函数了

举两个例子:

(function($){

        $.fn.extend({

                "color":function(value){

                        return this.css("color",value);

                 }

         });

})(jQuery);

(function($){

    $.extend({

        ltrim:function(text){

            return (text||"").replace(/^\s+/g,"");

        },

        rtrim:function(    text    ){

            return (text||"").replace(/\s+$/g,"");

        }

    });

})(jQuery);

转载于:https://my.oschina.net/u/2402401/blog/676230

你可能感兴趣的文章
使用JMH进行并发测试
查看>>
关于服务器 SAN 和 SDS
查看>>
ASP.NET 如何做出简单的验证码
查看>>
我的友情链接
查看>>
Spring 转换 model 为 json 时增加属性
查看>>
最新在线软件测试模拟题,做完答案立显,自我检测好机会!
查看>>
论坛PC端模板
查看>>
域名解析
查看>>
通过SNMP获取接口速率 32位与64位的区别
查看>>
Windows上用gcc编译SQLite3
查看>>
bash位置参数的简介
查看>>
VirtualBox导入其他虚拟机后网络问题
查看>>
js 正则通过class查找Tag内的内容。
查看>>
Let's Encrypt 使用教程,免费的SSL证书,让你的网站拥抱 HTTPS
查看>>
.net 面试题系列四(附答案)
查看>>
sql server的并发性
查看>>
windows php启动浏览器
查看>>
CPP_类模板与模板类
查看>>
用CocoaPods做iOS程序的依赖管理
查看>>
Redis持久化相关问题
查看>>