📜  jQuery 插件介绍

📅  最后修改于: 2022-05-13 01:56:02.834000             🧑  作者: Mango

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');
   });
};


index.html

   
          
      
          
      
  
       
   
      
   
        

GeeksforGeeks

      


索引.html


   
          
      
          
      
  
       
   
      
   
        

GeeksforGeeks

      

输出:

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

  • 第 1 步:使用 npm 安装Browsersync。我们将使用 Browsersync 启动服务器并提供 URL 以查看 HTML 站点并使用 CDN(内容交付网络)加载 jQuery。我们将在全球安装 Browsersync。
npm install -g browser-sync
  • 第 2 步:我们将在本教程中使用 jQuery-UI 插件。我们将使用 jQuery 测试此插件是否成功加载。下载此插件的最新版本并将其解压缩到您的项目根文件夹。
  • 第 3 步:创建一个index.html文件

完整参考:

  • jQuery插件完整参考