首页 > 代码库 > jQuery插件开发
jQuery插件开发
对象级别的插件开发
通过"$.fn.extend()"为原型动态挂载相关的属性。jQuery对象可以调用属性/方法。
(function($){ $.fn.extend({ mask:function(){ console.log(‘mask......‘); this.css({background:‘#FF0000‘}); this.attr(‘onclick‘,‘$(this).unmask()‘);
return this; //链式操作 }, unmask:function(){ console.log(‘unmask......‘); this.css({background:‘#0000FF‘}); this.attr(‘onclick‘,‘$(this).mask()‘);
return this; //链式操作 } }); })(jQuery); $(function(){ $("<div style=‘width:100px;height:100px;text-align:center;display:table-cell; vertical-align:middle;‘>click me</div>").appendTo("body").mask(); });
jQuery插件开发
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。