jQuery选择器
(1) 元素选择器:
如:$("p") $("a") $("button")
即表示选取页面所有的<p> <a> <button>元素
(2) #id选择器:
如:$("#myId")
即表示选择了页面上id="myId"的元素
(3) .class选择器:
如:$(".myClass")
即表示选择了页面上所有包含class="myClass"的元素
(4) 选取所有元素:$("*")
(5) 选取当前html元素:$(this)
(6) 选取class="myClass"的<button>元素:$("button.myClass")
(7) 选取集合中第一个元素:$("button:first") 等同于: $("button:eq(0)")
(8) 选取集合中最后一个元素: $("button:last") 等同于(假设集合有10个):$("button:eq(9)")
(9) 选取集合中指定index的元素(假设总共有10个,要求选第5个):$("button:eq(4)")
(10)选取偶数位的元素(一般在表格行常见):$("tr:even")
(11)选取奇数位的元素:$("tr:odd")
(12)选取<ul>元素的第一个<li>元素: $("ul li:first") 或者 $("ul li:eq(0)")
(13)选取<ul>元素的最后一个<li>元素: $(ul li:last) //eq写法前面介绍的类推
(14)选取带有href属性的元素: $("[href]")
(15)选取target属性值等于"_blank"的<a>元素: $("a[target='_blank']")
(16)选取target属性值不等于"_blank"的<a>元素: $("a[target!='_blank']")
(17)选取所有type="button"的<input>元素和<button>元素