- Gemeinschaft
- Lernen
- Tools-Bibliothek
- Freizeit
入门指南
您可以从www.jquery.com下载jQuery库的副本，或者作为替代，您可以将其从CDN（内容交付网络）（如Google或Microsoft）中包含。
我们将使用官方jQuery网站的CDN。
要开始使用jQuery，我们首先需要使用脚本标签将其添加到我们的HTML文档的头上：
<!DOCTYPE html> <html> <head> <title>Page Title</title> <script src="https://code.jquery.com/jquery-3.1.1.js"></script> </head> <body> </body> </html>
jQuery是一个JavaScript库，所以它具有.js文件扩展名。
<html> <head> < ="jquery.js"></script> <> </html>
在使用它之前，等待HTML文档被完全加载并准备好是一个很好的做法。为此，我们使用文档对象的ready事件：
$(document).ready(function() {
// jQuery code goes here
}); $用于访问jQuery。 从这里，代码访问文档对象，并定义了当文档的ready事件触发时要调用的函数。
这样可以防止任何jQuery代码在文档加载完成之前运行。
由于上面的代码几乎在使用jQuery的情况下使用，所以写一个方便的快捷方式：
$(function() {
// jQuery code goes here
});此代码执行与上面长代码相同的任务。
如果觉得jQuery语法似乎有点混乱，别担心，后面我们将详细介绍。
现在，在我们的头部分中有jQuery库，并且已经定义了文档就绪事件，我们可以开始我们的第一个jQuery操作！ 我们来改变div元素的内容。
HTML：
<!DOCTYPE html> <html> <head> <title>Page Title</title> <script src="https://code.jquery.com/jquery-3.1.1.js"></script> </head> <body> <div id="start">Start</div> </body> </html>
The JavaScript:
$(function() {
$("#start").html("Go!");
});这会将id =“start”的元素的HTML更改为“Go！”。
jQuery用于选择（查询）HTML元素并对其执行"操作"。
基本语法是：$("selector").action()
- $访问jQuery。
- （选择器）查找HTML元素。
- 然后对元素执行action()。
例如:
$("p").hide() // hides all <p> elements
$(".demo").hide() // hides all elements with class="demo"
$("#demo").hide() // hides the element with id="demo"回顾我们前面的例子中的代码：
$("#start").html("Go!");这将选择id =“start”的元素，并为其调用html（）方法。 html（）方法用于更改元素的HTML内容。
如果你以前使用CSS，你会注意到jQuery使用CSS语法来选择元素。
(" menu"). ()