jQuery少用卻使用的

2021-07-11 07:18:52 字數 1376 閱讀 9807

匹配開頭的元素:

$("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的標籤的子節點下所有標籤

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

4.工具函式

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

jquery實現id模糊查詢的小例子

複製** **如下:

在其中查詢id中包含"cbs_1"的img,使用$("img[id=^cbs_1]"),即可獲取到

複製** **如下:eg_2. 再舉個例子,在頁面中查詢某id的div集合,放上**:

複製** **如下:

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

複製** **如下:

ps: 語句很簡單,但在瀏覽器開發工具中很實用,這次研究地圖cachelayer中對於快取載入(新載入/快取中讀取/超範圍刪除)的行(或列)查詢上,很是便捷。

VSCode高階的提高效率卻比較少用到的常用快捷鍵

因為最近感覺自己基礎不牢,所以整理出了在window下vscode中個人js等開發中能提高開發效率的常用快捷鍵 具體檢視vscode裡面的介紹 1 ctrl o 開啟此檔案檔案管理器 2 ctrl shift k 刪除每一行。3 ctrl 在左側面板使用,切換整合終端。4 ctrl j 切換終端,控...

平時少用到的sql query

查詢第三個字元是 i 的結果 select col 1 from tab 1 where col 1 like i 查詢在1到7之間的結果 select col 1 from tab 1 where col 1 between 1 and 7 在where中使用select語句 select col...

jQuery使用 jQuery語法

今天我們就來看一下jquery語法。通過 jquery,可以選取 selector html 元素,並對它們執行 操作 actions 基礎語法 selector action 美元符號 定義 jquery 選擇符 selector 查詢 和 查詢 html 元素 jquery 的 action 執...