#04：jQuery 选择器就是 CSS3 选择器

在 CSS 中，你可以使用以下代码选择页面上的所有 <h1> 元素

h1 {
 /* style all <h1> elements */
}

在 jQuery 中，你可以使用完全相同的选择器。

$("h1") // set of all <h1> elements

事实上，你可以在 jQuery 中使用任何 CSS 选择器（甚至 CSS3 选择器）。在这个屏幕录制中，我们甚至使用了 :nth-of-type 选择器来选择定义列表中的第二个定义术语

$("dt:nth-of-type(2)")
  .html("I'm the second definition term!");

那个 .html() 方法非常有用。它允许你更改（或获取）元素的“innerHTML”。也就是说，不是元素本身，而是它内部的所有内容。“内容”你可以这么说。它类似于 .text() 方法，但 text() 仅用于文本。它不会从元素内部返回实际的 HTML。所以如果“内容”是 Some <span>text</span>，它只会返回“Some text”。使用它设置文本会转义你输入的任何 HTML，这意味着你实际上会看到“<span>”。使用它获取文本也很独特，因为如果你选择多个元素，它会返回所有元素的组合文本，这在 jQuery 中是独一无二的。在其他情况下，当你从方法“获取”值时，它会返回集合中第一个元素的值。例如 .height() 仅返回集合中第一个元素的高度。

查看 CodePen 上 Chris Coyier (@chriscoyier) 的笔 eab1c311dd6e399a2006f1694bbbe051