基本选择器
1.id选择器 ---------------------------->根据id来获取,只有一个。--------------------------------------------$( " #id的值 " )
2.标签选择器-------------------------->根据标签的名字获取,可以有多个。-------------------------------------------$( " 标签的名字 " )
3.类选择器----------------------------->根据类样式的名字来获取,可以有多个。-------------------------------------------------------$( " . 类样式的名字" )
复杂选择器
4.标签+类样式选择器-------------------------------------------------------------->$( "标签名.类样式的名字" )
5.多条件选择器---------------------------------------------------------------------->$( "标签1名,标签2名,标签3名,......" )
层次选择器
6.后代选择器------------------------------------------------------------------------->$( " 单一选择器1 单一选择器2" )------------------------------------------------->获取单一选择器1中所有的单一选择器2,儿子、孙子。。。都要
7.子代选择器------------------------------------------------------------------------->$( " 单一选择器1>单一选择器2" )------------------------------------------------->获取单一选择器1中所有的子代单一选择器2,儿子
8.获取当前元素的相邻元素------------------------------------------------------->$( " 单一选择器1+单一选择器2" )------------------------------------------------->获取和单一选择器1相邻的单一选择器2
9.获取当前元素后面所有元素---------------------------------------------------->$( " 单一选择器1~单一选择器2" )------------------------------------------------->获取单一选择器1后面的所有的单一选择器2
示例代码:
这是div中的第一个p标签
- 这是第一个li标签
这是第二个li中的一个p标签
- 这是第三个li标签
这是div中的第二个p标签
这是div后面的第一个p标签
这是div后面的第二个p标签
这是div后面的第三个p标签
效果图:
后代选择器 子选择器 相邻第一个元素选择器 相邻后面所有元素选择器
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。