如何编写自定义 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>

更新于:2020 年 6 月 12 日

220 次浏览

开启你的职业生涯

完成课程后获得认证

开始学习
广告