jQuery学习笔记2 —— jQuery选择器

jQuery选择器是jQuery的根基，在jQuery中，对事件处理、遍历DOM和Ajax操作都依赖于选择器。熟练使用选择器，不仅可以简化代码还能达到事半功倍的效果。

---

1. 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选择器包括基本选择器、层次选择器、过滤选择器和表单选择器四种，下面依次讲解四种选择器：

2. ## 基本选择器 ##
3. ## 层次选择器 ##
4. ## 过滤选择器 ##
5. ## 表单选择器 ##