简单教程
提交运行
代码编辑器:
<!DOCTYPE html> <meta charset="utf-8"> <link href="/static/next/css/tryit.css?v=2017082407" rel="stylesheet"/> <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script> <script src="http://cdn.static.twle.cn/libs/jquery/1.6.2/jquery.min.js"></script> <div id='main' style="display:none">Main</div> <script> (function() { // 使用sub()创建jquery副本 var plugin = jQuery.sub(); // 拓展该副本新方法 plugin.fn.extend({ open: function() { return this.show(); }, close: function() { return this.hide(); } }); // 添加插件到原jquery jQuery.fn.myplugin = function() { this.addClass("plugin"); // 确认插件返回特殊插件版本(副本) return plugin(this); }; })(); $(document).ready(function() { // 执行插件,open方法存在 $('#main').myplugin().open(); alert($('#main').hasClass('plugin')); //注意:调用$("#main").open()不会执行,因为open不存在 }); </script> <footer>简单教程,简单编程<br/>Copyright © 简单教程 www.twle.cn</footer>
运行结果: