如何使用方法创建 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：这是一个插件示例。

  

    
    
    
  
    
    
  


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

  

    GeeksForGeeks
    A Computer Portal For Geeks
     Click To Get Started 
  
    
        $(document).ready(function() {
            $('button').click(function() {
                alert('My first jquery code');
            });
        });
    

  

输出：

• 在点击按钮之前：
  

• 点击按钮后：
  

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

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

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

  

    
    
    


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

  

    Google
  
    
    
    

  

输出：