为什么我们在 jQuery 中使用 $

jQuery 是一个广泛使用的 JavaScript 库，它为 HTML 文档的遍历和操作、事件处理、动画效果、AJAX 以及跨浏览器的 JavaScript 代码封装提供了一种简洁、高效的 API。

而其中使用最频繁的就是 $ 符号，它被称为 jQuery 的选择符或者简称选择器。

使用 $ 符号可以轻松地定位 HTML 元素、操作 DOM 属性和样式、添加或删除元素。

$ 符号的含义

在 JavaScript 中，$ 是一个有效的标识符，就像 foo 或者 bar 一样。但是，$ 符号在 jQuery 中的含义被改变了，它被用作一个函数或一个对象的别名。

当我们使用 $ 时，实际上是调用了 jQuery 的函数，它可以接收一个 CSS 选择器字符串，返回一个经过封装后的 jQuery 对象，该对象包含了所有与选择器匹配的元素。

$ 函数的使用方法

// 使用 $ 函数选择一个 ID 为 "foo" 的元素
$("#foo")

// 使用 $ 函数选择所有的段落元素
$("p")

// 使用 $ 函数选择所有的表格行元素
$("tr")

上面的代码演示了 $ 函数选择元素的常见用法，它们的实现原理是通过调用 jQuery 方法来选择元素，并将结果封装成一个 jQuery 对象返回。

$ 对象的常见方法

在 jQuery 中，使用 $ 对象来操作 DOM 元素或者获取元素的属性、样式等信息。

下面是 $ 对象中一些常见的方法：

// 获取元素的文本内容
$("#foo").text()

// 获取元素的HTML内容
$("#foo").html()

// 获取元素的CSS样式
$("#foo").css("color")

// 设置元素的CSS样式
$("#foo").css("color", "red")

// 添加元素
$("body").append("<div>Hello, World!</div>")

// 删除元素
$("#foo").remove()

通过上述示例，我们可以看到 $ 对象能够完成 DOM 元素的选择、查找和操作， 是 jQuery 中非常重要的一个概念。

总结

在 jQuery 中，$ 是一个占用了标识符 $ 的函数或者对象别名。它是 jQuery 中选择元素的常用符号，也是一种简化了 DOM 操作的常用方法。

掌握 $ 的相关特性和用法，可以让我们更快地完成项目中的开发任务，提升工作效率。