abstract:(1) 元素選擇器: 如:$("p") $("a") $("button")即表示選取頁面所有的<p> <a> <button>元素(2) #id選擇器: 如:$("#myId")即表示選擇了頁面上id="myId"的元素(3) .class選擇器: 如:$
(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)選取偶數(shù)位的元素(一般在表格行常見):$("tr:even")
(11)選取奇數(shù)位的元素:$("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>元素