如何编写自定义 jQuery 插件?
要创建一个 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://ajax.googleapis.com/ajax/libs/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>
广告