版权声明:署名,允许他人基于本文进行创作,且必须基于与原先许可协议相同的许可协议分发本文 (Creative Commons)
问题:如何通过jquery自定义插件,来使用?
首先:
引入jquery基本的包jquery.js
自定义插件的格式:
$.extend({方法名1:function(){
},
方法名2:function(){
}})
代码演示:
html:
<input id="btn1-check" type="button" value="插件方式--点击选中复选框" onclick="checkFn1()">
<input id="btn2-uncheck" type="button" value="插件方式--点击取消复选框选中" onclick="uncheckFn2()">
js:
//自定义:$.fn.extend这里也可以把fn省略
$.fn.extend({
check:function(){
$(":checkbox").prop("checked",true);
},
uncheck:function(){
$(":checkbox").prop("checked",false);
}
});
//引用插件
function checkFn1() {
$("#btn1-check").check();
}
function uncheckFn2() {
$("#btn2-uncheck").uncheck();
}