fmpq.com
源代码:
点击运行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Fmpq教程(fmpq.com)</title> <script src="http://www.fmpq.com/jscss/jquery/1.6.2/jquery.min.js"></script> </head> <body> <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> </body> </html>
运行结果