jQuery选择器的基本选择器和层次选择器

基本选择器

基本选择器是jQuery中最常用的选择器,也是最简单的选择器,用于通过ID、类和标签名等元素来查找DOM元素。





选择器
描述
返回
样品


# ID
根据给定id匹配元素
单元
$(#测试)选择ID元素测试


类。
基于给定类名的匹配元素
集合元素
$()选择该类测试的所有元素。



根据给定元素名称匹配元素
集合元素
$()选择所有元素


*
匹配所有元素
集合元素
$(*)所有元素的选择


selector1,selector2,…selectorn
每个选择器匹配的元素合并在一起返回。
集合元素
$(div,跨度大,p.myclass )选择所有的元素和一组带标签的类MyClass元素





层次选择器

如果我们想通过DOM元素之间的层次关系来获得特定的元素,比如后代元素、子元素、相邻元素和对等元素,那么级别选择器是一个不错的选择。





选择器
描述
返回
样品


$ 祖先后代)
选择所有祖先元素

子(后代)元素
集合元素
$(div )选择

所有的元素


$(父>子)
在父元素下选择子元素,

它与$(祖先后代)不同。

$(祖先后裔)被选择为后代元素。
集合元素
选定元素

该元素名称的子元素


$(上+下)
选择下一个prev元素

下一个元素
集合元素
$()选择类作为一个

下一个节点元素


$(沪指~兄弟)
所有在选择上一元

兄弟姐妹元
集合元素
$(#两~ div)选择ID为两

元素背后的所有对等元素





之间的等价关系(美元上+下)和未来()方法的选择






选择器
方法


等价关系
$()
$()。





之间的等价关系美元(沪指~兄弟)选择和nextall()方法






选择器
方法


等价关系
$(沪指~ div)


$(# prev)。NextAll(div)







这是本文的全部内容,希望大家能喜欢。