jquery选择器特辑.docVIP

Jqury选择器分类：基本选择器，层次选择器，过滤选择器，表单选择器 基本选择器：jquery中最常用的选择器，也是最简单的选择器。通过元素id、class和标签名等来查找DOM元素。 表-基本选择器 选择器描述返回示例#id根据给定的id匹配一个元素单个元素$(“#test”)选取id为test的元素.class根据给定的类名匹配元素集合元素$(“#test”)选取所有class为test的元素element根据给定的的元素名匹配元素集合元素$(“p”) 选取所有的p元素*匹配所有元素集合元素$(“*”)选取所有元素Selector1,Selector2, ……, SelectorN将每一个选择器匹配到的元素合并后一起返回集合元素$(“div,span,p.myClass”)选取所有div,span和拥有class为myClass的p标签的一组元素 层次选择器：通过DOM元素之间的层次关系获取特定元素，如后代元素、子元素、相邻元素、兄弟元素等。层次选择器是一个很好的选择 表-层次选择器 选择器描述返回示例$(“ancestor descendant”)选取ancestor元素里所有descendant（后代）元素集合元素$(“div span”)选取div里所有的span元素$(“parentchild”)选取父元素下的子元素集合元素$(“divspan”)选取div下元素名为span的子元素$(‘prev+next’)选取紧接在prev元素后的next元素集合元素$(‘.one+div’) 选取class为one的下一个div元素（相邻元素）$(‘prev~siblings’)选取prev元素之后的所有元素集合元素$(‘.one+div’) 选取class为one的元素后面所有div兄弟元素 注意： $(‘prev+next’)选择器与next()方法的等价关系 $(‘.one+div’) $(“.one”).next(“div”) $(‘prev~siblings’)选择器与nextAll()方法的等价关系 $(‘.one~div’) $(“.one”).nextAll(“div”) 过滤选择器:主要是通过特定的过滤选择器规则来筛选出所需的DOM元素，过滤规则与css中伪类选择器语法相同，即选择器都以一个冒号（:）开头。 按照不同的过滤规则，过滤选择器分为：基本过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性座率选择器 表1-基本过滤选择器 选择器描述返回示例:first选取第一个元素单个元素$(“div:first”)选取所有div元素中第一个div元素:last选取最后一个元素单个元素$(“div:last”)选取所有div元素中最后一个div元素:not(selector)去除所有与给定选择器匹配的元素集合元素$(“input:not(.myClass)”) 选取class为不是myClass的input元素:even选取索引是偶数的所有元素，索引从0开始集合元素$(“input:even”) 选取索引是偶数的input元素:odd选取索引是奇数的所有元素，索引从0开始集合元素$(“input:odd”) 选取索引是奇数的input元素:eq(index)选取索引等于index的元素（index从0开始）单个元素$(“input:eq(1)”选取索引为1的input元素:gt(index)选取索引大于index的元素（index从0开始）集合元素$(“input:gt(1)”) 选取索引大于1的input元素（注：大于1，而不包括1）:lt(index)选取索引小于index的元素（index从0开始）集合元素$(“input:gt(1)”) 选取索引小于1的input元素（注：小于1，而不包括1）:header选取所有的标题元素，例如h1，h2，h3等待集合元素$(“:header”)选取网页中所有的h1，h2，h3……:animated选取当前正在执行动画的所有元素集合元素$(“div:animated”)选取正在执行动画的div元素 表2-内容过滤选择器 选择器描述返回示例:contains(text)选取含有文本内容为”text”的元素集合元素$(“div:contains(‘我’)”)选取含有文本“我”的div元素:empty选取不包含子元素或者文本的空元素集合元素$(“div:empt