模仿bootstrap开发基于jquery的插件

春节期间闲来无事,想学习一下如何开发基于jquery的插件。所以网上查了些资料,然后模仿bootstrap写了一个没什么用的插件。废话不多说,上代码。

有些代码虽然知道是干嘛的,但是无法用语言准确的表达出来,以后还会不断的更新。

一、自执行匿名函数

参考:自执行函数

二、’use strict’

使用严格模式,一直以来,Javascript 松散灵活的语法饱受争议。 于是,ECMAScript 5.0 定义中引入了strict mode,使Javascript解释器可以用”严格”的语法来解析代码,以帮助开发人员发现错误。IE 10 开始支持strict mode。

如果你使用了 use strict,但是浏览器不支持怎么办?

没关系,浏览器会自动忽略。

参考: http://qianduan-notes.diandian.com/post/2012-06-02/40027620460

 三、构造函数与原型

参考:$.extend构造函数与原型

 四、与jQuery挂钩

$.fn可以简单的理解为jQuery的原型

jQuery源码第119行

参考:链式调用原型链$.data

五、为符合规则的标签添加事件

参考:$.on$.off

以上大致初步的一个简单插件完成。

测试连接