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