📜  jQuery-插件

📅  最后修改于: 2020-10-23 08:21:09             🧑  作者: Mango


插件是用标准JavaScript文件编写的一段代码。这些文件提供了有用的jQuery方法,可以与jQuery库方法一起使用。

您可以从https://jquery.com/plugins的存储库链接中下载大量jQuery插件。

如何使用插件

为了使我们可以使用插件的方法,我们在文档的中包含与jQuery库文件非常相似的插件文件。

我们必须确保它出现在主jQuery源文件之后以及自定义JavaScript代码之前。

以下示例显示如何包含jquery.plug-in.js插件-

The jQuery Example
        
      

      
      
      
      
   
    
   
      .............................
   

如何开发插件

编写自己的插件非常简单。以下是创建aa方法的语法-

jQuery.fn.methodName = methodDefinition;

这里methodNameM是新方法的名称, methodDefinition是实际的方法定义。

jQuery团队推荐的指南如下-

  • 您附加的任何方法或函数都必须在末尾加分号(;)。

  • 您的方法必须返回jQuery对象,除非另有明确说明。

  • 您应该使用this.each迭代当前匹配的元素集-这样可以生成干净且兼容的代码。

  • 在文件名前添加jquery,在文件名后添加插件名称,并以.js结尾。

  • 始终将插件而不是$直接附加到jQuery,因此用户可以通过noConflict()方法使用自定义别名。

例如,如果我们编写一个要命名为debug的插件,则该插件的JavaScript文件名是-

jquery.debug.js

jQuery的使用前缀消除了与其他库一起使用的文件可能发生的名称冲突。

以下是一个具有调试目的的警告方法的小插件。将此代码保存在jquery.debug.js文件中-

jQuery.fn.warning = function() {
   return this.each(function() {
      alert('Tag Name:"' + $(this).prop("tagName") + '".');
   });
};

这是显示warning()方法用法的示例。假设我们将jquery.debug.js文件放在html页面的同一目录中。

The jQuery Example
        
      
        
      

          
   
    
   
      

This is paragraph

This is division

这将提醒您以下结果-

This is paragraph
This is division