首页 > 代码库 > Jquery选择器小节
Jquery选择器小节
在学习Jquery选择器之前我们先简单的回想一下CSS选择器;
以下为CSS常用选择器:
选择器 | 语法 | 描述 | 示例 |
标签选择器 | E{CSS规则 } | 以文档元素作为选择器 | 1 tr{2 border: solid 1px red;3 width: 120px;4 }5 a{6 text-decoration: none;7 }
|
ID选择器 | #ID{CSS规则 } | 以文档的唯一标识符ID作为选择符 | 1 #note{2 border: solid 1px red;3 width: 120px;4 }
|
类选择器 | E.className{CSS规则 } | 以文档元素的class作为选择符 | 1 div.note{2 border: solid 1px red;3 width: 120px;4 } 5 .note{6 border: solid 1px red;7 width: 120px;8 }
|
群组选择器 | E1,E2,E3{CSS规则 } | 多个选择符应用同样的样式 | td,p,div.aa{ font-size: 12px; width: 120px;}
|
后代选择器 | E F{CSS规则 } | 元素E的任意后代元素F | #main div{ border: solid 1px red; width: 120px;}
|
通配选择符 | *{CSS规则 } | 以文档的所有元素作为选择符 | *{ font-size:12px;} |
- Jquery基本选择器
基本选择器是Jquery中最常用的选择器,也是最简单的选择器,它通过元素ID、class和标签等查找DOM元素。在网页中每一个ID名称只能出现一次,class允许出现多次。基本选择器的介绍说明如下:
选择器 | 说明 | 示例 | 返回结果 |
#id | 根据给定的id匹配一个元素 | $(‘#test‘):选取id为test的元素 | 单个元素 |
.class | 根据给定的类名匹配元素 | $(‘.test‘):远去所有的class为test的元素 | 集合元素 |
element | 根据给定的元素名匹配元素 | $(‘p‘):选取所有的p元素 | 集合元素 |
* | 匹配所有的元素 | $(‘*‘):选取所有的元素 | 集合元素 |
selector1, selector2, selector3... | 将每一个选择器匹配到的元素合并后一起返回 | $(‘div,span,p.myClass‘):选取所有的div,span和拥有class为myClass的p元素 | 集合元素 |
- Jquery层次选择器
Jquery选择器小节
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。