jQuery选择器种类VIP专享

jQuery 选择器种类 由于经常使用jQuery，但是其中的很多选择器又不太能够熟练记牢使用，所以趁着上周有人分享，我再仔细的把jQuery 的选择器过一遍，争取一次拿下，以后做到运用自如。 jQuery 选择器主要来分可以分为三种：（1）基本选择器 （2）层次选择器 （3）过滤选择器 (4) 表单选择器 1、基本选择器 基本选择器主要就是比较常见和常用的集中，是必须要掌握的。 #ID id 选择器 返回一个对象 $("#div") .class 类选择器 返回集合 $(".content") Element 标签选择器 返回集合 $("input") * 匹配所有元素 返回集合 $("*") selector1,selector2,selector3,....合并每个选择器匹配的元素，返回集合 $("#div,.class,input") 2、层次选择器（主要是选择层次下面的元素） $("E F") 选择E 元素中的所有F 后代元素(注意：是子孙元素) 返回集合 $("P>C") 选择P 元素下的C 子元素（注意：是子元素） 返回集合 $("P+N") 选择P 元素后的相邻元素（即下一个兄弟元素），和$("P").next("N")方法执行效果相同 $("P~S") 选择P 元素之后的所有S 兄弟元素，和$("P").nextAll("S")方法执行效果相同，另 pre()方法和 next()方法相对。preAll()和 nextAll()相对。 注意 siblings()方法和 nextAll()方法的区别：siblings()是所有前后的兄弟元素，nextAll()是所有后面的兄弟元素 第三和第四个选择器常常用后面的写法代替 3、过滤选择器（主要是按照后面的过滤条件取出前面的元素） 通过特定的过滤规则筛选 DOM 元素 格式::过滤规则(以冒号作为过滤条件) 分类：基本过滤，内容过滤，可见性过滤，属性过滤，子元素过滤和表单对象过滤器 (1)基本过滤器 :first 选取第一个元素，$("div:first") :last 选择最后一个元素，$("div:last") :not(selector) 除了和选择器匹配元素之外的所有元素，$("input:not(.mytext)") :even 索引是偶数的所有元素，$("tr:even") :odd 索引是奇数的所有元素，$("tr:odd") :eq(index),:gt(index),lt(index) 分别选择索引等于，大于和小于 index的元素 :header 选择所有的标题元素，$(":header")如 h1,h2,h3... :animated 选择当前执行动画的元素，$("div:animated") (2)内容选择器 :contains(text) 文本内容为 text 的元素，$("div:contains('Hello')") :empty 不包含子元素和文本内容的空元素 :has(selector...