JQuery选择器
首先我们深入了解止之后,发现要用到的选择器多种多样。今天我们就来总结一下各种选择器以及使用方法。
做一个大体的分类:
通过css选择器来提取元素:
Query选择器的分类: 通过css选择器选取元素: 基本选择器 标签选择器 $("h1") 类选择器 $(".class") id选择器 $("#id") 全局选择器 $("*") 并集选择器 $("h1,.class,#id,span") 层次选择器 后代选择器 $("ul li") 子类选择器 $("ul>li") 相邻选择器 $("h3+p") 同辈选择器 $("h3~p") 所有兄弟选择器 .siblings 属性选择器 包含某属性 $("a[href]") a[href] 包含某属性并且属性值等于绝对值 $("a[href='abc']") a[href='abc'] 包含魔属性并且属性值不等于绝对值 $("a[href!='abc']") a[href!='abc'] 属性值以XXX开头 $("a[href$='XXX']") 属性值以XXX结尾 $("a[href$='XXX']") 包含某属性的绝对值 $("[href*='abc']") 通过过滤选择器选择取元素: 基本过滤选择器: 根据索引选择指定的元素 $("ul:eq(2)") 大于某索引的元素 $("li:gt(3)") g 小于某索引的元素 $("li:lt(3)") less than 第一个元素 $("ul:first") 最后一个元素 $("ul:last") 获得焦点的元素 $(":focus") 正在执行的动画元素 所有的标题元素 $(":header") 所有的奇数元素 $("li:add"). 所有的偶数元素 $("li:even") 不包含指定元素 $("li:not(.aaa)") 正在执行的动画元素 $("animated") 可见性过滤选择器 获取所有不可见得元素: $(":hidden") 获取所有可见的元素: $(":visible") 选择器的注意事项: 空格不能随便写,因为代表后代 <a id="#i%*[o]">a标签</a> 转义符: \\ $("#\\#\\i\\%\\*\\[o\\]").css("background","red")
小编还有哪里总结的不好,请多多请教。
谢谢啦!