jQuery 插件介绍

插件是代码段，这些代码写在一个 JavaScript 文件中。这些 JavaScript 文件用于提供与 jQuery 库方法一起工作的 jQuery 方法。

您可以从 https://jquery.com/plugins下载 jQuery 插件

如何使用方法创建 jQuery 插件：在 Jquery 插件中，是标准 javascript 文件中所需的代码。插件有助于提供可与不同 jquery 库方法一起使用的不同方法。

• 创建一个方法。

  jQuery.fn.methodName = methodDefinition;

• 要获得完美或兼容的代码，请使用此.each ，它用于在一组匹配的元素上执行。
• 前缀应以 .js 结尾。

<>p注意：其中.methodname是方法的名称，
methoddefinition定义了一个方法

示例：这是一个插件示例。

alert.js

jQuery.fn.alertMethod = function() {
   return this.each(function() {
      alert('GeeksforGeeks in "' + $(this).prop("tagName") + '"tag');
   });
};

索引.html

   
          
      
      
          
      
      
  
      
         $(document).ready(function() {
            $("p").alertMethod();
         });
       
   
      
   
        
GeeksforGeeks
  
   

输出：

如何检查是否加载了 jQuery 插件：

• 第 1 步：使用 npm 安装Browsersync。我们将使用 Browsersync 启动服务器并提供 URL 以查看 HTML 站点并使用 CDN（内容交付网络）加载 jQuery。我们将在全球安装 Browsersync。

npm install -g browser-sync

• 第 2 步：我们将在本教程中使用 jQuery-UI 插件。我们将使用 jQuery 测试此插件是否成功加载。下载此插件的最新版本并将其解压缩到您的项目根文件夹。
• 第 3 步：创建一个index.html文件

完整参考：

• jQuery插件完整参考