$(".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 根據祖先元...