jQuery選擇器——基礎選擇器、層次選擇器

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

if（$("#tt")）{}
而應該根據獲取到元素的長度來判斷，代碼以下：
if（$("#tt").length>0）{}
或者轉換DOM對象來判斷，代碼以下：
if（$("tt")[0]）{}

基本選擇器

#id   id選擇器    $("#test")選取id爲test的元素

.class    類選擇器  $(".test")選取class爲test的元素

element   元素選擇器  $("p")選取全部<p>元素

*    匹配全部元素  $("*")選取全部元素

selector1，slector2,....,selectorN   匹配到每一個元素合併後一塊兒返回  $("div,span,p.myClass")選取全部<div>,<span>和擁有class爲myClass的<p>標籤的一組元素

eg：

$("#one").css("background","#000000");//jQuery
document.getElementById("one").style.color = "red";//DOM

 

層次選擇器

$("div span")  選取div裏全部的span元素

$("div>span")  選取div下的span子元素

$(".one+div")  選取class爲one的下一個div同輩元素

$("#two~div") 選取id爲two的元素後面的全部div同輩元素

注：後面兩個選擇器能夠用更簡單的方式代替

$(".one").next("div");

$("#two").nextAll("div");

上邊兩個方法都是選取後邊的div元素

$("#two").siblings("div");不分先後，獲取所有同級div