jQuery插件介绍

jQuery插件介绍

插件是代码的一部分,这些代码被写在一个JavaScript文件中。这些JavaScript文件被用来提供jQuery方法,与jQuery库的方法一起工作。

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

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

  • 创建一个方法。
jQuery.fn.methodName = methodDefinition;
  • 为了获得一个完美的或兼容的代码,使用这个.each,它被用来在一组匹配的元素上执行。
  • 前缀应以.js结尾。

注意:其中.methodname是一个方法的名称,而
methoddefinition定义了一个方法

例子:这里是一个插件的例子。

jQuery.fn.alertMethod = function() {
   return this.each(function() {
      alert('GeeksforGeeks in "' + $(this).prop("tagName") + '"tag');
   });
};
<html>
   <head>
          
      <script type = "text/javascript" 
         src = 
"https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
          
      <script src = "alert.js" type = "text/javascript">
      </script>
  
      <script type = "text/javascript" language = "javascript">
         (document).ready(function() {
            ("p").alertMethod();
         });
      </script> 
   </head>
      
   <body>
        
<p>GeeksforGeeks</p>
  
   </body>
</html>

输出:

jQuery插件介绍

如何检查一个jQuery插件是否已经加载:

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

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程