【JQuery】選擇器

一、前言

       上一章學習完了Js的一些基本內容，本章開始學習JQuery語法。JQuery的基礎語法是：

$(selector).action()

 那麼重要的兩個元素，一個是選擇器，另一個是行為！本章開始學習JQuery的選擇器。

二、內容

$("*")                —— 所有元素
$("#id")              —— id="id"元素
$(".class")           —— 所有class="class"的元素
$("element")          —— 所有<element>元素
$(".class1 .class2")  —— 所有class=".class1 .class2"的元素


$("element:first")    —— 第一個<element>元素
$("element:last")     —— 最後一個<element>元素
$("element:even")     —— 所有偶數<element>元素
$("element:odd")      —— 所有奇數<element>元素


$("element:eq(index)") —— element的第index個元素
$("element:gt(num)")   —— 列出index > num的元素
$("element:lt(num)")   —— 列出index < num的元素
$("element:not(selector)")  —— 所有不為selector的元素


$(":header")   —— 所有標題元素
$(":animated") ——  所有動畫元素


$("element:contains("text")")  —— 包含指定字元串的<element>元素
$(":empty")  ——  無子節點的所有元素
$("element:hidden")  —— 所有隱藏的<element>元素
$("element:visible") —— 所有可見的<element>元素


$("element1,element2,.class")  —— 匹配相應元素


$("[attribute]")         ——  所有帶有attribute屬性的元素
$("[attribute=value]")   ——  所有帶有attribute屬性等於value的元素
$("[attribute!=value]")  ——  所有帶有attribute屬性不等於value的元素
$("[attribute$=value]")  ——  所有帶有attribute屬性以value結尾的元素


$(":input")      ——  所有<input>元素
$(":text")       ——  所有type="text"的<input>元素
$(":password")   ——  所有type="password"的<input>元素
$(":radio")      ——  所有type="radio"的<input>元素
$(":checkbox")   ——  所有type="checkbox"的<input>元素
$(":submit")     ——  所有type="submit"的<input>元素
$(":reset")      ——  所有type="reset"的<input>元素
$(":button")     ——  所有type="button"的<input>元素
$(":image")      ——  所有type="image"的<input>元素
$(":file")       ——  所有type="file"的<input>元素


$(":enable")     ——  所有激活的<input>元素
$(":disable")    ——  所有禁用的<input>元素
$(":selected")   ——  所有被選取的<input>元素
$(":checked")    ——  所有被選中的<input>元素