举个列子:我们在写前端页面,经常会使用到Jquery文本框内容,来判断一下输入值是否符合,常见的写法:
<script> function test(){ $("#ID").click(){XXXXX}; } </script>
这个页面写了个方法,结果发现另外一个页面还要写同样的,于是,就会写到js中
引入,调用
function test(){ XXXXX } 页面调用 <sctipt> test() </sctipt>
这也是一种封装,
还有一种封装方法是
test= function(){
XXX
}
然后页面调用
test()
现在,我换种封装方法
+function ($) {
let Judge = (function () {
let _divsuccess ='has-succes';
let span_succes = 'glyphicon-ok';
let _diverror = 'has-error';
let span_type = 'glyphicon-remove';
let Success = function (_class) {
$("." + _class).addClass(_divsuccess).removeClass(_diverror);
$("." + _class + " span").addClass(span_succes).removeClass(span_type);
}
let Error = function (_class) {
$("." + _class).addClass(_diverror).removeClass(_divsuccess);
$("." + _class + " span").addClass(span_type).removeClass(span_succes);
}
return {
Success,
Error
}
})();
}(jQuery);
调用 : Judge.Error("inputStuid_label");
End