console.log()和console.dir()
console.log()可以取代alert()或document.write()碳柱,在網(wǎng)頁腳本中使用console.log()時(shí)硝桩,會(huì)在瀏覽器控制臺(tái)打印出信息甜癞。
console.dir()可以顯示一個(gè)對(duì)象所有的屬性和方法蜂挪。
選擇器
var $all=$('*'); ?//全部選擇器
var $jqp=$(".jq-p"); ?//類選擇器
console.dir($("div"));?//標(biāo)簽選擇器
console.dir($("div,p,h3")?// 并集選擇器
console.dir($('div.jq-d2')); ??//交集選擇器,既要是div又要是類為jq-d2的標(biāo)簽
console.dir($('.list li:first')); ?// 過濾選擇器和后代選擇器類為list的標(biāo)簽矾柜,下面的第一個(gè)li標(biāo)簽
var $div =$('div:contains("wonder")'); ?// 包含選擇器伏穆,div下內(nèi)容有wonder
遍歷(traversal)
最大的遍歷種類是樹遍歷
向上遍歷(祖先遍歷)
parent ? ? ? parents ? ? parentsUntil
parent :$("span").parent().css({"color":"red","border":"2px solid red"});
?parents:$("span").parents().css({"color":"red","border":"2px solid red"});返回span所有的祖先級(jí)元素,直到HTML標(biāo)簽
$("span").parents("ul").css({"color":"red","border":"2px solid red"});指定顯示span標(biāo)簽上標(biāo)簽為ul的祖先恨统。
parentsUntil:$("span").parentsUntil("div").css({"color":"red","border":"2px solid red"});返回介于 與 元素之間的所有祖先元素叁扫。
向下遍歷(后代)
children ? find
$("div").children() 只顯示div的直接子集,或者說兒子畜埋。
$("div").children("p.1");返回div下p標(biāo)簽中類名為1的標(biāo)簽
find:
$("div").find("span");返回屬于后代的所有 元素:$("div").find("*");返回的所有后代
水平遍歷(同胞)?
siblings()方法
第一種:$("p").siblings(".selected")
查找每個(gè) p 元素的所有類名為 "selected" 的所有同胞元素
第二種:$('li.third-item').sibings().css('background-color','red');
通過查找li.third-item莫绣,設(shè)置css樣式
next()方法
$("h2").next();返回的下一個(gè)同胞元素:
nextAll()方法
$("h2").nextAll();返回h2下面所有的同胞元素
nextUntil() 方法
$("h2").nextUntil("h6");返回介于與元素之間的所有同胞元素
遍歷-過濾
first()方法
$("div p").first();選取首個(gè)元素內(nèi)部的第一個(gè)元素:
last() 方法
$("div p").last();選擇最后一個(gè)元素中的最后一個(gè)元素:
eq() 方法
eq() 方法返回被選元素中帶有指定索引號(hào)的元素。
索引號(hào)從 0 開始悠鞍,因此首個(gè)元素的索引號(hào)是 0 而不是 1对室。下面的例子選取第二個(gè)
元素(索引號(hào)