jquery選擇器的通配符問題

1.選擇器

(1)通配符:

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

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

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

$("input[name^='code']");//name屬性以code開始的所有input標籤

$("input[name$='code']");//name屬性以code結束的所有input標籤

$("input[name*='code']");//name屬性包含code的所有input標籤

$("input[name*='code']").each(fuction(){

    var sum=0;

if($(this).val()!=""){

  sum=parseInt(sum)+parseInt($(this).val());

}

$("#").text(sum);

})

(2)根據索引選擇

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

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

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

jqueryObj.children("input").length;

(4)獲得class爲main的標籤的子節點下所有標籤

$(".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)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章