jQuery少用卻使用的

比對開頭的元素：
$("select[id^='aaa']")
比對結尾的元素：
$("select[id$='aaa']")
比對包含的元素：
$("select[id*='aaa']")      

附：

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;//擷取目前按下鍵盤的鍵值，Enter鍵為13

}

 

4.工具函數

$('#someField').val($.trim($('#someField').val()));//消除空格，文法：$.trim(value)

作者：沐雪
文章均系作者原創或翻譯，如有錯誤不妥之處，歡迎各位批評指正。本文版權歸作者和部落格園共有，如需轉載懇請注明。
如果您覺得閱讀這篇部落格讓你有所收獲，請點選右下方【推薦】
自己傾心研發 2016最新asp.net C#微信公衆平台源碼      

jQuery實作id模糊查詢的小例子
http://www.jb51.net/article/34882.htm

eg_1. 在頁面中查找某id圖檔集合，先放到代碼：

複制代碼 代碼如下:

<div id="cacheLayerContainer-CBS-882" >
    <img src="" id="CBS_1_0" style="width: 256px; height: 256px">
    <img src="" id="CBS_1_1" style="width: 256px; height: 256px">
    <img src="" id="CBS_1_2" style="width: 256px; height: 256px">
    <img src="" id="CBS_2_0" style="width: 256px; height: 256px">
    <img src="" id="CBS_2_1" style="width: 256px; height: 256px">
    <img src="" id="CBS_3_0" style="width: 256px; height: 256px">
</div>

　　在其中查找id中包含"CBS_1"的img，使用$("img[id=^CBS_1]"),即可擷取到

複制代碼 代碼如下:

　　<img src="" id="CBS_1_0" style="width: 256px; height: 256px">
   <img src="" id="CBS_1_1" style="width: 256px; height: 256px">
   <img src="" id="CBS_1_2" style="width: 256px; height: 256px">

eg_2. 再舉個例子，在頁面中查找某id的div集合，放上代碼：

複制代碼 代碼如下:

<div id="cacheLayerContainer-CBS-882" >
    <div id="div_1_0" style="width: 256px; height: 256px">
    <div id="div_1_0" style="width: 256px; height: 256px">
    <div id="div_2_0" style="width: 256px; height: 256px">
    <div id="div_2_0" style="width: 256px; height: 256px">
    <div id="div_2_0" style="width: 256px; height: 256px">
    <div id="div_3_0" style="width: 256px; height: 256px">
</div>

在其中查找id中包含"div_1"的div，使用$("div[id=^div_1]"),即可擷取到

複制代碼 代碼如下:

  <div id="div_1_0" style="width: 256px; height: 256px">
  <div id="div_1_0" style="width: 256px; height: 256px">

ps: 語句很簡單，但在浏覽器開發工具中很實用，這次研究地圖cacheLayer中對于緩存圖檔加載（新加載/緩存中讀取/超範圍删除）的行（或列）查詢上，很是便捷。