📜  如何使用方法创建 jQuery 插件?

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

如何使用方法创建 jQuery 插件?

Jquery 是一个 Javascript 库,用于设计或简化 HTML、CSS、AJAX、DOM 以及 Web 开发的事件处理。它是开源软件,对所有人免费。超过 1000 万个网站使用 jquery。 Jquery 只是将一行 javascript 转换为可以在一行代码中调用的方法。这些插件已实现。

方法:在Jquery Plug-in 是一个标准javascript 文件中需要的代码。插件有助于提供可与不同 jquery 库方法一起使用的不同方法。

  • 创建方法
    jQuery.fn.methodName = methodDefinition;

    其中.methodname是方法的名称,并且
    methoddefinition定义了一个方法

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

语法:这是插件文件的语法

(function($){
    $.fn.myFunction(settings){
        settings = $.extend({setting_A: 'default_A', setting_B: 'default_B'...});
         ...code away!
    };
}(jQuery);

示例 1:这是一个插件示例。



  

    
    
  
    
  


  

    

GeeksForGeeks

    

A Computer Portal For Geeks

               

输出:



  • 在点击按钮之前:
    输出 1
  • 点击按钮后:
    输出2

示例 2:
以下方法是具有警告方法的示例。看看文件 plugin.js 的语法

(function($) {
    $.fn.targetBlank = function () {
    alert('Working');
}
}) (jQuery);

现在看一下示例,它显示了如何将插件与 HTML 链接



  

    
    
    


  

    Google
  
    
    
    

  

输出:
输出