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

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 属性的所有元素


最后编辑于:2019/09/12作者: 牛逼PHP

发表评论