📜  $() jquery 文档 - Javascript (1)

📅  最后修改于: 2023-12-03 15:29:05.765000             🧑  作者: Mango

$() jQuery 文档 - Javascript

简介

$() 函数是 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