jQuery选择器学习摘要(-)
作用:准确找到某元素,为该元素添加属性或事件。
特点:代码简单、检测机制完善(不需要检测某元素是否存在就可为其赋予相应的属性或事件)。
种类:根据获取页面中元素的不同,分为:基本选择器、层次选择器、过滤选择器、表单选择器四大类。过滤选择器又可分为:简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器。
基本选择器:由ID、Class、元素名、多个选择符组成。
语法:
选择器 功能 返回值
#id 根据给定的ID匹配一个元素 单个元素
element 根据给定的元素名匹配所有元素 元素集合
.class 根据给定的类匹配元素 元素集合
* 匹配所有元素 元素集合
selector,selectorN 将每一个选择器匹配到的元素合并后一起返回 元素集合
层次选择器:通过DOM元素间的层次关系获取元素,包括后代、父子、相邻、兄弟
语法:
选择器 功能 返回值
ancestor descendant 根据祖先元素匹配所有的后代元素 元素集合
parent > child 根据父元素匹配所有的子元素 元素集合
prev + next 匹配所有紧接在prev元素后的相邻元素 元素集合 (可以用.next()代替)
prev ~ siblings 匹配prev元素之后的所有兄弟元素 元素集合 (可以用.nextAll()代替)
.siblings()方法 获取全部相邻元素 元素集合
浙公网安备 33010602011771号