📅  最后修改于: 2023-12-03 15:29:05.765000             🧑  作者: Mango
$()
函数是 jQuery 提供的一个用于获取 DOM 元素的方法。它可以接收各种 CSS 选择器和 DOM 元素作为参数,并将它们封装成 jQuery 对象,方便对它们进行操作和管理。jQuery 的一个核心理念就是“写少量的代码,但实现更多的功能”,而 $()
函数正是 jQuery 实现这个理念的重要工具之一。
$()
的语法格式如下:
$(selector, context);
其中,selector
参数是必须的,它可以是各种 CSS 选择器或 DOM 元素;context
参数则是可选的,是一个用于限定搜索范围的 DOM 元素或文档对象。如果省略 context
参数,则默认是整个文档。
以下是一些 $()
函数的示例:
// 获取 ID 为 "myDiv" 的元素
$("#myDiv");
// 获取所有的 div 元素
$("div");
// 获取 class 为 "myClass" 的元素
$(".myClass");
// 获取第一个 class 为 "myClass" 的元素
$(".myClass:first");
// 获取所有 class 为 "myClass" 的元素的子元素中 tag 为 "p" 的元素
$(".myClass > p");
// 获取 ID 为 "myDiv" 的元素的后面紧邻的兄弟元素
$("#myDiv + *");
// 获取所有 class 为 "myClass" 的元素的第一个子元素
$(".myClass > *:first-child");
// 限定搜索范围为 ID 为 "myDiv" 的元素内部,获取 class 为 "myClass" 的元素
$(".myClass", "#myDiv");
$()
函数返回的是一个 jQuery 对象,它是一个由 DOM 元素封装而成的对象,可以使用 jQuery 提供的各种方法对这些元素进行操作和管理。
$()
函数是 jQuery 中非常重要的一个方法,它可以帮助我们轻松地获取和操作 DOM 元素。值得注意的是,由于 $()
函数返回的是一个 jQuery 对象,而非普通的 DOM 元素,因此我们也需要使用 jQuery 提供的各种方法(如 css()
、html()
、attr()
、on()
等)来对它们进行操作。 jQuery 文档 - Javascript