通过前两章的学习,我们可以总结出一个插件编写的模板:
;(function ($) {
"use strict";
$.fn.方法名称 = function (options) {
var parameter = $.extend({
'参数1': '默认值1',
'参数2': '默认值2',
...
}, options);
return this.each(function () {
var $this = $(this);
var $parameter = parameter;
//调用参数时:$parameter.参数1或$parameter.参数2等等
$this.on('事件1', function() {
//这里写主代码...
});
$this.on('事件2', function() {
//这里写主代码...
});
...
});
};
})(jQuery);
调用插件中的方法:
<!-- 此处在HTML中调用插件方法 -->
<script type="text/javascript">
$(function(){
$('class或id').方法名称({
参数1: "新值1",
参数2: "新值2",
...
});
});
</script>
接下去我们就要开始真的实战演练了,以上述的模板来编写一个弹窗的jQuery插件,还等啥呀赶紧下一篇呀!
(由于JQ逐渐退出历史舞台, 本系列文章不再更新。)