jQuery的基本选择器

jQuery 提供了多种基本选择器，允许你选择 DOM 元素。以下是一些基本的选择器和相应的实例代码：

1. 元素选择器：$( "element" )

   选择所有的元素。

$("p").css("color", "red");

2. ID选择器：$( "#id" )

   通过元素的ID选择一个元素。

$("#myId").css("color", "red");

3. 类选择器：$( ".class" )

   选择所有具有指定类的元素。

$(".myClass").css("color", "red");

4. 全选选择器：$( "*" )

   选择所有元素。

$("*").css("color", "red");

5. 群组选择器：$( "selector1, selector2, selectorN" )

   选择每个选择器匹配的元素。

$("p, div, .myClass").css("color", "red");

6. 相邻选择器：$( "element1 + element2" )

   选择紧跟在另一个元素后的元素。

$("p + div").css("color", "red");

7. 子选择器：$( "parent > child" )

   选择直接子元素。

$("div > p").css("color", "red");

8. 兄弟选择器：$( "element1 ~ element2" )

   选择某个元素之后的所有兄弟元素。

$("p ~ div").css("color", "red");

这些是基本的jQuery选择器，可以根据需要组合使用以完成更复杂的选择。