jQuery选择器是jQuery的根基,在jQuery中,对事件处理、遍历DOM和Ajax操作都依赖于选择器。熟练使用选择器,不仅可以简化代码还能达到事半功倍的效果。
jQuery选择器是什么
Web前端开发要求结构(HTML)、样式(CSS)和行为(JavaScript)三者分离,而将结构和样式联系在一起的则是通过CSS选择器实现的,下面是常用的一些CSS选择器:
CSS常用选择器 选择器 语法 描述 实例 标签选择器 E {
CSS规则
}以文档元素作为选择符 a{
decoration: none;
}ID选择器 #ID{css规则} 以文档元素的唯一标识符ID作为选择符 #note{font-size:14px;} 类选择器 E.className{} 以文档元素的class作为选择符 .note{font-size:14px;} 组合选择器 E1,E2,E3{} 多个选择符应用同样的样式规则 td,p,div.a {font-size:14px;} 后代选择器 E F{} 元素E的任意后代元素F #links a {color:red;} 通配符选择器 *{} 以文档的所有元素作为选择符 *{font-size: 14px;} 除了以上的选择器外,CSS还有伪类选择器、自带选择器、临近选择器和属性选择器。
jQuery选择器完全继承了CSS的风格,但两者作用效果不同,CSS选择器找到元素后添加样式,而Jquery选择器找到元素后是添加行为。jQuery选择器包括基本选择器、层次选择器、过滤选择器和表单选择器四种,下面依次讲解四种选择器:- ## 基本选择器 ##
- ## 层次选择器 ##
- ## 过滤选择器 ##
- ## 表单选择器 ##