写JQuery插件的基本知识( 二 ) _JQuery

//step01 定义JQuery的作用域
(function ($) {
//step03-a 插件的默认值属性
var defaults = {
prevId: 'prevBtn',
prevText: 'Previous',
nextId: 'nextBtn',
nextText: 'Next'
//……
};
//step02 插件的扩展方法名称
$.fn.easySlider = function (options) {
//step03-b 合并用户自定义属性，默认属性
var options = $.extend(defaults, options);
//step4 支持JQuery选择器
this.each(function () {
});
}
})(jQuery);
5，支持JQuery的链接调用：上边的代码看似完美了，其实也不那么完美。到目前为止还不支持链接调用。为了能达到链接调用的效果必须要把循环的每个元素return
//step01 定义JQuery的作用域
(function ($) {
//step03-a 插件的默认值属性
var defaults = {
prevId: 'prevBtn',
prevText: 'Previous',
nextId: 'nextBtn',
nextText: 'Next'
//……
};
//step02 插件的扩展方法名称
$.fn.easySlider = function (options) {
//step03-b 合并用户自定义属性，默认属性
var options = $.extend(defaults, options);
//step4 支持JQuery选择器
//step5 支持链式调用
return this.each(function () {
});
}
})(jQuery);
这样的定义才能支持链接调用。比如支持这样的调用：$(".div").easySlider({prevId:"",prevText:""}).css({ "border-width": "1", "border-color": "red", "border-bottom-style": "dotted" });
6，插件里的方法：往往实现一个插件的功能需要大量的代码，有可能上百行，上千行，甚至上万行。我们把这代码结构化，还得借助function 。在第一点已经说了，在插件里定义的方法，外界不能直接调用，我在插件里定义的方法也没有污染外界环境。现在就尝试着怎么样在插件里定义一些方法：
//step01 定义JQuery的作用域
(function ($) {
//step03-a 插件的默认值属性
var defaults = {
prevId: 'prevBtn',
prevText: 'Previous',
nextId: 'nextBtn',
nextText: 'Next'
//……
};
//step06-a 在插件里定义方法
var showLink = function (obj) {
$(obj).Append(function () { return "(" + $(obj).attr("href") + ")" });
}
//step02 插件的扩展方法名称
$.fn.easySlider = function (options) {
//step03-b 合并用户自定义属性，默认属性
var options = $.extend(defaults, options);
//step4 支持JQuery选择器
//step5 支持链式调用
return this.each(function () {
//step06-b 在插件里定义方法
showLink(this);
});
}
})(jQuery);

写JQuery插件的基本知识( 二 )

推荐阅读

蚂蚁集团预计前三季度营收超千亿元接近去年全年水平

侧柏叶用量是多少

『正威国际』拥有全球30多座矿山，年收入超5000亿，他才是中国“隐形首富”

四个大字打一成语是什么成语四个大字打一成语

「渊之海棠」新华为mate30的使用测评，苹果8P

腕表之家|不找劳力士了买下爱彼，十分钟我改变了想法

『TF娱乐』原来我们都被骗了，核武器爆炸后100年不能住人？为何日本可以

「郑州大学」郑州大学第五附属医院持续推进改善医疗服务创新举措提升患者满意度

怎样和泼妇骂街

碧螺春茶怎么样,教你辨别真假碧螺春茶

文物展|南山博物馆上新啦！《南有嘉鱼——荆州出土楚汉文物展》

「花花体育享」你能全部认出吗？孙俪在中间是最美！，5位漫画版女明星

为什么有的公共汽车会加注尿素？

孙俪|孙俪，登上热搜！

正月十五吃元宵别忘养胃按摩穴位可增强胃动力

性格古怪的人特点

语文|歙县高考因暴雨上午语文考试取消下午数学考试正常进行

简宅范|一别两宽后马伊琍晒家中豪宅，奢华又有品味，罗马柱显大气

远洋线缆|特大福利！架空线入地啦

量子特攻怎么救人，量子特攻不用实名认证版