小结：使用 jQuery 访问 DOM

要通过 jQuery 找到DOM 元素，需要将一个有效的 CSS 选择器导入jQuery函数：

$("h1"); // 选择所有的 h1
$("#heading"); // 选择内容包括 "heading"的元素
$(".warning"); // 选择所有类名包含 "warning"的元素

注意， jQuery 函数有两种表示方法 $ 或 jQuery，因此上面的函数与下面三个函数是相同的：

jQuery("h1");  
jQuery("#heading");  
jQuery(".warning");

很多人喜欢用$ ，因为它很短。

jQuery 函数将始终返回一个与元素相匹配的 jQuery 集合，即使只有一个匹配的元素甚至根本没有匹配项！您可以阅读更多有关文档 jQuery 函数。

一旦你通过 jQuery找到了 DOM 元素，就可以自己设定里面的内容部分 text(): $("#temperature").text("89° Fahrenheit"); （查看完整案例）

通过将参数设为0，你还可以用这个方法 text() 来得知里面的内容部分是什么：
var heading = $("#heading").text();

在下一个教程中，您将学习更多用于获取和设置 DOM 元素属性的方法。

在后台， jQuery 函数使用的依然是我们前面讲过的 DOM API 详见HTML/JS 教程。例如， $ 函数与 getElementById() 和 querySelectorAll()方法的作用类似，而 attr() 与 getAttribute() 方法的效果一样。只是当你用 $ 函数时，你输入的代码行数减少了，而且只要是支持 jQuery的浏览器，你的新代码都可以使用，这一点在使用最新的 DOM API 函数时尤其重要。

想加入讨论吗？

排序方式:

尚无帖子。

你会英语吗？单击此处查看更多可汗学院英文版的讨论.