1. 程式人生 > >jQuery的選擇器中的通配符[id^='code']

jQuery的選擇器中的通配符[id^='code']

子節點 處理 put main 操作 efi cti 標簽 code

1.選擇器

(1)通配符:

$("input[id^=‘code‘]");//id屬性以code開始的所有input標簽

$("input[id$=‘code‘]");//id屬性以code結束的所有input標簽

$("input[id*=‘code‘]");//id屬性包含code的所有input標簽

(2)根據索引選擇

$("tbody tr:even"); //選擇索引為偶數的所有tr標簽

$("tbody tr:odd"); //選擇索引為奇數的所有tr標簽

(3)獲得jqueryObj下一級節點的input個數

jqueryObj.children("input").length;

(4)獲得class為main的標簽的子節點下所有<a>標簽

$(".main > a");

(5)選擇緊鄰標簽

jqueryObj.next("div");//獲取jqueryObj標簽的後面緊鄰的一個div,nextAll獲取所有

2.篩選器

//not

$("#code input:not([id^=‘code‘])");//id為code標簽內不包含id以code開始的所有input標簽

3.事件

//處理文本框上的鍵盤操作

jqueryObj.keyup(function(event){

var keyCode = event.which;//獲取當前按下鍵盤的鍵值,回車鍵為13

}

4.工具函數

$(‘#someField‘).val($.trim($(‘#someField‘).val()));//消除空格,語法:$.trim(value)

jQuery的選擇器中的通配符[id^='code']