jQuery 选择器

• 说明：返回 HTML 页面中元素名为 elementName 的所有元素。

通配符选择器

---

• 作用：返回当前 HTML 页面的所有元素。

- 用法：$( " * " )

• 说明：返回 HTML 页面中所有的元素。

分组选择器

---

• 作用：分组选择器，即所有选择器的合集。

• 用法：$( “selector1,selector2…” )

• 说明：将每个选择器匹配到的元素合并后一起返回。

内容练习：

id为d1，class为mydiv class为mini id为d2，class为mydiv

我是p标记，class为mini

id为d3 class为mini

我是p标记，class为mydiv

选择id为d1的元素

选择class为mydiv的元素

选择所有的div元素

选择所有的元素

选择id为d1的元素和所有p元素

层级选择器

---

后代选择器

- 用法：$( “ancestor descendant” )

• 作用：在指定的祖先元素下匹配指定的后代元素。

子代选择器

- 用法：$( “parent > child” )

• 作用：在指定的父元素下匹配指定的直接子元素。

相邻兄弟选择器

- 用法：$( “prev + next” )

• 作用：匹配紧接在 prev 元素后的 next 的元素。

后续所有兄弟选择器

- 用法：$( “prev ~ siblings” )

• 作用：匹配 prev 元素后的所有 siblings 元素。

层级选择器案例

id为d1，class为mydiv class为mini id为d2，class为mydiv

我是p标记，class为mini

id为d3 class为mini

我是p标记，class为mydiv

我是span元素，class为mini

选择body下的所有p的元素

选择div下为class为mini的元素

选择body下的所有直接子元素p元素

选择id为d1的相邻兄弟元素

选择div元素的相邻元素的p元素

选择id为d1所有的兄弟元素