JQUERY后代选择器、属性选择器的语法详解

祖先元素 子孙元素：后代选择器，

如：$('.aa .cc')：  选择 class 为 aa 的元素的子孙元素中 class 为 cc 的所有元素

父元素 > 子元素：子选择器：

如：$('.aa > .cc')：选择 class 为 aa 的元素的子元素中 class 为 cc 的所有元素

上一个元素 + 下一个元素：

如：$('.aa + .cc')：选择 class 为 aa 的元素的【紧接着】的下一个 class 为 cc 的一个元素

上一个元素 ~ 兄弟元素：

如：$('.aa ~ .cc')：选择 class 为 aa 的元素的兄弟元素中 class 为 cc 的元素

[属性]：选择包含某个属性的元素

如：$('[type]')：选择包含 type 的所有元素

[属性 = 值]：选择属性值为特定值的元素

如：$('[type = "cc"]')：选择 type 值为 cc 的所有元素

[属性 != 值]：选择属性值不等于特定值的元素

如：$('[type != "cc"]')：选择 type 值不为 cc 的所有元素

[属性 ^= 值]：选择属性值以特定值开头的元素

如：$('[type ^= "aa_"]')：选择 type 值以 aa_ 开头的所有元素

[属性 $= 值]：选择属性值为特定值结尾的所有元素

如：$('[type $= aa]')：选择 type 值以 aa 结束的所有元素

[属性 *= 值]：选择属性值包含特定值的所有元素

如：$('[type *= "aa"]')：选择 type 值里包含 aa 的所有元素

[属性1][属性2][属性N]：选择同时符合多个条件的元素

如：$('[type][class]')：选择同时包含 type 属性和 class 属性的所有元素