极客教程jQuery简介
jQuery是一个开源的JavaScript库，它简化了HTML/CSS文档，或者更准确地说，文档对象模型（DOM）和JavaScript之间的互动。
阐述这些术语，jQuery简化了HTML文档的遍历和操作，浏览器事件处理，DOM动画，Ajax交互，以及跨浏览器的JavaScript开发。
注：目前唯一能同时满足设计者类型和程序员类型需求的库是jQuery。
jQuery以其 “少写多做 “的理念而广为人知。这个理念可以进一步阐述为三个概念。
- 找到一些元素（通过CSS选择器）并对它们做一些事情（通过jQuery方法），即在DOM中找到一组元素，然后对这组元素做一些事情。
- 在一组元素上连锁使用多个jQuery方法
- 使用jQuery包装器和隐式迭代
在HTML页面上使用jQuery（JS）库
有几种方法可以在你的网站上开始使用jQuery。
- 使用谷歌托管/微软托管的内容交付网络（CDN），包括一个版本的jQuery。
- 从jQuery.com下载自己的jQuery版本，并将其托管在自己的服务器或本地文件系统。
注意：所有的jQuery方法都在一个document-ready事件里面，以防止任何jQuery代码在文档加载完毕（准备好）之前运行。
任何jQuery函数的基本语法是：
$(selector).action()
- 一个$符号是用来定义/访问jQuery的
- A（选择器）是用来 “查询（或寻找）”html页面中的HTML元素的。
- 一个jQuery的action()是对所选元素进行的操作。
示例:
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
</script>
<script>
(document).ready(function () {
("h2").click(function () {
$(this).hover();
});
});
</script>
</head>
<body>
<center>
<h2 style="color: green;">
GeeksforGeeks
</h2>
</center>
</body>
</html>
输出:
为什么使用jQuery
一些支持为什么使用jQuery的答案的关键点。
- 它非常受欢迎，也就是说，它有一个庞大的用户社区和一个健康的贡献者，他们作为开发者和传道者参与其中。
- 它使网络浏览器之间的差异正常化，这样你就不必担心了。
- 它有意为之，是一个轻量级的脚印，有一个简单而巧妙的插件架构。
- 它的插件库非常庞大，自从jQuery发布以来，它的插件库一直在稳步增长。
- 它的API有完整的文档，包括内联代码示例，这在JavaScript库的世界中是一种奢侈。见鬼，多年来任何文档都是一种奢侈。
- 它是友好的，也就是说，它提供了有用的方法来避免与其他JavaScript库的冲突。
优势:
- 广泛的插件。jQuery允许开发者在JavaScript库的基础上创建插件。
- 大型发展社区
- 它有一个良好和全面的文件
- 与标准的javascript和其他javascript库相比，它的使用要简单得多。
- JQuery让用户轻松地开发Ajax模板，Ajax实现了一个更时尚的界面，可以在页面上进行操作，而不需要重新加载整个页面。
- 轻量级和强大的连锁能力使jQuery更加强大。
劣势:
- 虽然JQuery在数量上有一个令人印象深刻的库，但取决于你在网站上需要多少定制，功能可能是有限的，因此在某些情况下，使用原始的JavaScript可能是不可避免的。
- JQuery的javascript文件是运行JQuery命令所必需的，虽然这个文件的大小相对较小（25-100KB，取决于服务器），但如果你打算在自己的网络服务器上托管JQuery脚本，它仍然是客户端计算机的一个压力，也许你的网络服务器也是如此。