jQuery選擇器基礎

$(".div1").children("div").css("background","red");

$("div");//標籤選擇器  選中所有div

$("div").eq(0);//獲取jquery中的某乙個jquery物件

$("div")[0];//獲取的是乙個dom物件

下面是獲取dom標籤後如何轉化為jquery物件

var div=document.getelementsbytagname("div");

$(div);

$("#div0");

$(".div0");

$("div,span");

$("div span");//所有的div下的span

$("div.div1");//所有classname叫div的div

$("div>.div1");//div下的class名叫div0的選擇器

$(".div1+div");//class名叫div1的相鄰的div

$(".div1+*");//class名叫div1的相鄰的所有元素

$(".div1~*");//class名叫div1的統計的的所有元素

$(".div1").find("div");//等同於  $(".div1 div);

$("div").find(".div1");//等同於  $("div .div1);

$(".div1").children("div");//等同於  $(".div1>div);

$("div").children(".div1");//等同於  $("div>.div1);

$('#box').next('p');//等同於$("#box+p);

$('#box').next();//等同於$("#box+*);

$('#box').nextall('p');//等同於$("#box~p);

$('#box').nextall();//等同於$("#box~*);

$('#box').prev('p').css('color','red'); //同級上乙個元素 

$('#box').prevall('p').css('color', 'red'); //同級所有上面的元素

nextuntil()和 prevunitl()方法

選定同級的下面或上面的所有節點，選定非指定的所有 元素，一旦遇到指定的元素就停止選定。 
$('#box').prevuntil('p').css('color','red'); //同級上非指定元素選定，遇到則停止 
$('#box').nextuntil('p').css('color','red'); //同級下非指定元素選定，遇到則停止

('#box').siblings('p').css('color','red'); //同級上下所有元素選定 

//等價於下面： 
$('#box').prevall('p').css('color','red');
$('#box').nextall('p').css('color','red');

使用$()函式時，如果是獲取標籤，必須使用""引起來 ，如果是dom或者變數都不需要使用""

$("[title]");//獲取屬性是title屬性的標籤

$("a[title]");//標籤選擇器和屬性選擇器組合，選擇所有a標籤中含有title這個屬性的a標籤
$("[title='img']"));//判斷 title標籤屬性值是img的，這裡的等號是乙個，表示相等
$("[class^=div]"));//class的值是以div起頭的，也可以寫成$("[class^='div']")這樣
$("[class$='0']"//class的值是以0結尾的元素
$("[class|=lis]")//這個是選擇class名是以lis開頭的並且後面緊跟著-的元素
$("[class~=bn]")//選擇class名裡含有bn的，也就是說這個類名可能前後有空格，並不止bn這乙個class名
$("[title!=img]")//選擇title屬性不是img的，也包括沒有title屬性的
$("[title][class][class!=lis]")//多項屬性選擇器，既有title屬性又有class，class名還是lis的元素

Jquery 基礎 選擇器。

jquery選擇器繼承了css與path語言的部分語法，允許通過標籤，屬性名或者內容對dom元素進行快速，準確的選擇，而不必擔心瀏覽器的相容性。通過 selector 得到的物件，因為無論是對事件的處理 遍歷dom ajax，本質上都是對物件的操作。一 jquery選擇器優勢 1.簡潔寫法 2.支援...

jQuery基礎 選擇器

1 id 返回值單個元素的組成的集合 myid 說明 就是選擇html中的id myid 2 element 返回值集合元素 div 說明 可以返回例如 div input a 等中的值 3 class 返回值 集合元素 myclass 說明 就是選擇html中的iclass myclass 4 所...

jQuery基礎 選擇器

選擇器 功能返回值 idid選擇器 單個元素 element 元素選擇器 元素集合 class 類選擇器 元素集合 匹配所有元素 元素集合 selector1,selector2 將每乙個選擇器匹配到的元素合併後一起返回 元素集合 選擇器功能 返回值ancestor descendant 根據祖先元...