jQuery学习笔记——选择器

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>元素

原文地址:https://www.cnblogs.com/Min-min/p/6049993.html