jQuery開發之jQuery選取器一

jQuery開發之jQuery選取器一

1，CSS選取器
常用的css選取器如下表：

2，jQuery選取器<喎?http://www.bkjia.com/kf/ware/vc/" target="_blank" class="keylink">vc3Ryb25nPjxiciAvPg0KQ1NTILvxyKG1vdSqy9i1xLT6wuvI58/Co7o8L3A+DQo8cHJlIGNsYXNzPQ=="brush:java;">.demo{ //給class為demo的元素添加樣式...}

jQuery擷取元素的代碼如下：

$(".demo").click(function(){ //給class為demo的元素添加行為...});

jQuery選取器和CSS選取器的寫法十分相似，只不過兩者的作用效果不同，CSS選取器是找到元素後添加樣式，而jQuery選取器是找到元素後添加行為。

jQuery選取器的優勢

（1）簡潔的寫法

$()函數在很多的javaScript類庫中都被當作一個選取器函數來使用，在jQuery中也不例外。其中$("#ID") 用來代替document.getElementById()函數，即通過ID取元素。$("tagName") 用來代替document.getElementByTagName()函數,即通過標籤名擷取HTML元素。

(2)支援CSS1 到CSS3選取器

(3) 完善的處理機制

需要注意的是， $("#tt") 擷取的永遠都是對象，即使網頁上沒有此元素。因此當要用jQuery檢查某個元素是否 存在時，不能使用一下代碼：

if($("#tt")){//do something }

而應該根據擷取元素的長度來判斷，代碼如下：

if($("#tt").length>0){//do something }

或者轉換為DOM對象來判斷，代碼如下：

if($("#tt")[0]){// do something }