DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 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)
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved