1.基本选择器:通过元素ID,类和标签名等来查找DOM元素基本选择器能解决大多数的问题。
2.层次选择器:通过DOM元素之间的层次关系来获取特定元素,例如后代元素,子元素,相邻元素和同辈元素。
3.过滤选择器:找到一堆页面元素,通过对这些元素进行过滤,找到我们想要的元素该选择器以“:”开头根据不同的过滤规则,分为不同种类的选择器:
<1>基本过滤选择器:主要借助得到的页面元素数组的顺序来选择元素,还包括标题元素,正在执行动画的元素和当前获得焦点的元素。
<2>内容过滤选择器:过滤规则主要体现在它所包含的子元素或文本内容上。
<3>可见性过滤选择器:根据元素的可见和不可见状态来选择相应的元素。
<4>属性过滤选择器:通过元素的属性来获取相应的元素在形式上与其他过滤选择器最大的不同是使用中括号“[]”,而不是用“:”。
(<2>〜<4>主要是通过标签里面的不同来进行选择)
<5>子元素过滤选择器:首先,要明确它选的是子元素;第二,要明确它的运用方式,它的运用方式是在它的前面有一个空格,空格前面是要选择的子元素的父元素。它只有这种运用方式,这是区别于其他过滤选择器的地方(就是说其他过滤选择器不止一种运用方式)。
<6>表单对象属性过滤选择器:主要是对所选择的表单元素进行过滤。
4.表单选择器:主要是通过表单元素的名字获取表单的某个或某类型的元素,格式为表单元素名前加一个“:”,其中有一个特殊的是“:隐藏”记住一个关键点,就是它的运用形式和子元素过滤选择器类似,不过父元素一般就是表单“形式”。还有要注意“#form:input”和“#form input”的区别。