要创建jQuery插件,请首先使用以下代码创建一个名为jquery-myplugin.js 的文件。这是我们的插件代码。在这里,myplugin是我们插件的名称。
(function ( $ ) { $.fn.myplugin = function( options ) { var web = $.extend({ name: 'nhooo' }, options ); return this.append('Website: ' + web.name + '.com'); }; }( jQuery ));
现在,要加载它,请添加到HTML文件new.html中:
<html> <head> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script><script src="jquery-myplugin.js"></script> <script> $(document).ready(function() { $('#myclass').myplugin(); }); </script> </head> <body> <div id="myclass"></div> </body> </html>
运行上面的代码,您将看到可见的文本,这表明您的自定义插件运行正常。