jQuery 层次选择器

jQuery 层次选择器

(0)测试前的准备工作

jQuery 层次选择器_第1张图片

A. 定义测试对象

jQuery 层次选择器_第2张图片

B. 定义测试对象的 CSS 样式

jQuery 层次选择器_第3张图片

C. 再定义一些测试用的 button。

(1)所有后代选择器(A B)

jQuery 层次选择器_第4张图片

所有后代,包括其直接后代及间接后代。

(2)直接后代选择器(A>B)

jQuery 层次选择器_第5张图片

直接后代,不包含其孙子后代等。

(3)下一个兄弟选择器(A+B)

jQuery 层次选择器_第6张图片

只包含指定对象的下一个兄弟,而不包含其上一个兄弟。

(4)剩余兄弟选择器(A~B)

jQuery 层次选择器_第7张图片

包含指定对象以后的所有兄弟,不包含之前的兄弟。

(5)获取所有兄弟 siblings(“选择器”)

包含指定对象的所有兄弟对象,无论是之前还是之后的。但这里使用的是一个函数

jQuery 层次选择器_第8张图片

siblings(),而非选择器。

你可能感兴趣的:(java,开发语言,java)