要创建jQuery插件,请首先使用以下代码创建一个名为jquery-demoplugin.js的文件。这是我们的插件代码。在这里,demoplugin 是我们插件的名称。您可以将任何名称添加到自定义插件-
(function ( $ ) { $.fn.demoplugin = function( options ) { var web = $.extend({ name: 'example' }, 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-demoplugin.js"></script> <script> $( document ).ready(function() { $( '#content ).demoplugin(); }); </script> </head> <body> <div id="content"></div> </body> </html>