萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jQuery的選擇器中的通配符使用介紹

jQuery的選擇器中的通配符使用介紹

 這篇文章主要介紹了jQuery的選擇器中的通配符,需要的朋友可以參考下

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)   
copyright © 萬盛學電腦網 all rights reserved