基本选择器
基本选择器是jQuery中使用最频繁的选择器,它由元素ID、Class、元素名、多个选择符组成(#id .class span),通过基本选择器可以实现大多数页面元素的查找
层次选择器
层次选择器通过DOM元素间的层次关系获取元素,其主要的层次关系包括后代、父子、相邻、兄弟关系,通过其中某类关系可以方便快捷地定位元素
选择器 功能描述
ancestor descendant 根据祖先元素匹配所有的后代元素
parent>child 根据父元素匹配所有的子元素
prev+next 匹配prev后的相邻元素
prev~siblings 匹配prev后面的所有兄弟元素
过滤选择器
过滤选择器根据某类过滤规则进行元素的匹配,书写时都以冒号(:)开头
内容过滤器
内容过滤选择器根据元素中的文字内容或所包含的子元素特征获取元素,其文字内容可以模糊或绝对匹配进行元素定位
可见性过滤选择器:
选择器根据元素是否可见的特征获取元素
寻找页面中被隐藏的元素,
属性过滤选择器
属性过滤选择器根据元素的某个属性获取元素,如ID号或匹配属性值的内容,并以“[”号开始、以“]”号结束
最后一个是复合属性选择器
子元素过滤选择器
表单选择器
在jQuery选择器中引入表单选择器,该选择器专为表单量身打造,通过它可以在页面中快速定位某表单对象
表单对象属性过滤选择器
表单对象属性过滤选择器通过表单中的某对象属性特征获取该类元素,如enabled、disabled、checked、selected属性
jQuery对象和DOM对象互转
DOM转换成jQuery
var username = document.getElementById("username");
var $username = jQuery(username);
jQuery转换成DOM
var $username = jQuery("#username");
var username = $username[0]; //jQuery对象是一个数组对象