jQuery 簡單選擇器

$("#id")            //id選擇器

$("div")            //元素選擇器
$(".classname")     //類選擇器
$(".classname,.classname1,#id1")     //組合選擇器

$("li:first")    //第乙個li

$("li:last")     //最後乙個li
$("li:even")     //挑選下標為偶數的li
$("li:odd")      //挑選下標為奇數的li
$("li:eq(4)")    //下標等於 4 的li(第五個 li 元素)
$("li:gt(2)")    //下標大於 2 的li
$("li:lt(2)")    //下標小於 2 的li
$("li:not(#runoob)") //挑選除 id="runoob" 以外的所有li

$("div:contains('runob')")    // 包含 runob文字的元素

$("td:empty")                 //不包含子元素或者文字的空元素
$("div:has(selector)")        //含有選擇器所匹配的元素
$("td:parent")                //含有子元素或者文字的元素

$("li:hidden")       //匹配所有不可見元素，或type為hidden的元素

$("li:visible")      //匹配所有可見元素

$("div[id]")        //所有含有 id 屬性的 div 元素

$("div[id='123']")        // id屬性值為123的div 元素
$("div[id!='123']")        // id屬性值不等於123的div 元素
$("div[id^='qq']")        // id屬性值以qq開頭的div 元素
$("div[id$='zz']")        // id屬性值以zz結尾的div 元素
$("div[id*='bb']")        // id屬性值包含bb的div 元素
$("input[id][name$='man']") //多屬性選過濾，同時滿足兩個屬性的條件的元素

$("input:enabled")    // 匹配可用的 input

$("input:disabled")   // 匹配不可用的 input
$("input:checked")    // 匹配選中的 input
$("option:selected")  // 匹配選中的 option

$(":input")      //匹配所有 input, textarea, select 和 button 元素

$(":text")       //所有的單行文字框，$(":text") 等價於$("[type=text]")，推薦使用$("input:text")效率更高，下同
$(":password")   //所有密碼框
$(":radio")      //所有單選按鈕
$(":checkbox")   //所有核取方塊
$(":submit")     //所有提交按鈕
$(":reset")      //所有重置按鈕
$(":button")     //所有button按鈕
$(":file")       //所有檔案域

JQuery表單選擇器

input 表單選擇器可以實現，它的功能是返回 全部的表單元素 不僅包括所有標記的表單元素，而且還包括 和 標記的表單元素，因此，它選擇的表單元素是最廣的。如下圖所示，使用 input 表單選擇器獲取表單元素，並向這些元素增加乙個css樣式類別，修改它們在頁面中顯示的邊框顏色。通過呼叫 frmtes...

jQuery 表單選擇器

一 常規選擇器 input val 預設獲取第乙個表單元素 input eq 1 val 獲取第二個表單元素 input type password val 選擇所有type為password的表單元素 input name user val 選擇所有name為user的表單元素 二 表單選擇器 i...

jQuery表單選擇器

input 獲取表單全部元素 text 表單文字選擇器，可以獲取表單中全部單行的文字輸入框元素 password 獲取密碼輸入文字框 radio 獲取表單中的全部單選按鈕元素 checkbox 快速定位並獲取表單中的核取方塊元素 submit 獲取表單中的提交按鈕元素 image 選擇器獲取影象元素...