jQuery 选择器存在 - JavaScript

在 JavaScript 中，jQuery 选择器是一个非常强大的工具，它允许开发人员通过 DOM 元素的 ID、类、标签名称和属性来访问和操作 HTML 文档。

jQuery 的选择器 API 为开发人员提供了各种各样的选择器，包括基本选择器和层次选择器。

基本选择器

ID 选择器

通过元素的 ID 进行选择。

$('#example')

类选择器

通过元素的类名进行选择。

$('.example')

标签选择器

通过标签名称进行选择

$('div')

属性选择器

通过元素的属性进行选择

$('[name=example]')

层次选择器

层次选择器允许选择具有特定层次关系的元素。

后代选择器

选择所有后代元素，不仅仅是直接的子元素。

$('#example li')

子选择器

仅选择直接子元素。

$('#example > li')

相邻兄弟选择器

选择在另一个元素后面的紧邻的同级元素。

$('#example + li')

兄弟选择器

选择在另一个元素之后的所有同级元素。

$('#example ~ li')

总结

选择器是 jQuery 的核心功能之一，它可以让开发人员轻松访问和操作 HTML 文档中的各个元素。掌握不同类型的选择器是编写优秀代码的重要一步。