jQuery的選擇器中的通配符[id$='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)


例子:

//日期帶時間,設置時間控件格式
$('input[id$=DateTime],[id$=dateTime],[id$=Datetime],[id$=datetime]').datetimepicker({showSecond: true,hourGrid:4,minuteGrid: 10, timeFormat: 'hh:mm:ss'});

//日期
$('input[id$=Date],[id$=date]').datepicker();

發佈了29 篇原創文章 · 獲贊 13 · 訪問量 16萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章