-
html(),.text()和.val()的差異總結(jié):??
.html(),.text(),.val()三種方法都是用來(lái)讀取選定元素的內(nèi)容;只不過(guò).html()是用來(lái)讀取元素的html內(nèi)容(包括html標(biāo)簽),.text()用來(lái)讀取元素的純文本內(nèi)容,包括其后代元素,.val()是用來(lái)讀取表單元素的"value"值。其中.html()和.text()方法不能使用在表單元素上,而.val()只能使用在表單元素上;另外.html()方法使用在多個(gè)元素上時(shí),只讀取第一個(gè)元素;.val()方法和.html()相同,如果其應(yīng)用在多個(gè)元素上時(shí),只能讀取第一個(gè)表單元素的"value"值,但是.text()和他們不一樣,如果.text()應(yīng)用在多個(gè)元素上時(shí),將會(huì)讀取所有選中元素的文本內(nèi)容。
.html(htmlString),.text(textString)和.val(value)三種方法都是用來(lái)替換選中元素的內(nèi)容,如果三個(gè)方法同時(shí)運(yùn)用在多個(gè)元素上時(shí),那么將會(huì)替換所有選中元素的內(nèi)容。
.html(),.text(),.val()都可以使用回調(diào)函數(shù)的返回值來(lái)動(dòng)態(tài)的改變多個(gè)元素的內(nèi)容。
查看全部 -
獲取Attribute就需要用attr,獲取Property就需要用prop
查看全部 -
this,表示當(dāng)前的上下文對(duì)象是一個(gè)html對(duì)象,可以調(diào)用html對(duì)象所擁有的屬性和方法。 $(this),代表的上下文對(duì)象是一個(gè)jquery的上下文對(duì)象,可以調(diào)用jQuery的方法和屬性值。
查看全部 -
$(?".class"?)
通過(guò)類(lèi)選擇器選擇。
查看全部 -
$("#xxx")
id是唯一的,每個(gè)id值在一個(gè)頁(yè)面中只能使用一次。如果多個(gè)元素分配了相同的id,將只匹配該id選擇集合的第一個(gè)DOM元素。但這種行為不應(yīng)該發(fā)生;有超過(guò)一個(gè)元素的頁(yè)面使用相同的id是無(wú)效的
查看全部 -
$(dom)可以將dom轉(zhuǎn)換為jquery對(duì)象?
查看全部 -
jquery對(duì)象的[0]代表的就是dom對(duì)象
查看全部 -
為了區(qū)別,jquery的對(duì)象一般前邊加一個(gè)$
查看全部 -
練習(xí)中使用的$("div")會(huì)對(duì)所有的div生效。因?yàn)榇颂幹挥幸粋€(gè)div,所以它變化了。如果有多個(gè)div,那么它們都會(huì)變化。
查看全部 -
$(".div:contains(':contains')") 查找所有class='div'中DOM元素中包含"contains"的元素節(jié)點(diǎn) $(".div:has(span)") 查找所有class='div'中DOM元素中包含"span"的元素節(jié)點(diǎn) $("a:parent") 選擇所有包含子元素或者文本的a元素 $("a:empty").text(":empty") 找到a元素下面的所有空節(jié)點(diǎn)(沒(méi)有子元素) 增加一段文本empty 1.:contains與:has都有查找的意思,但是contains查找 包含“指定文本”的元素,has查找包含“指定元素” 的元素 2.如果:contains匹配的文本包含在元素的子元素中,同樣 認(rèn)為是符合條件的。 3.:parent與:empty是相反的,兩者所涉及的子元素,包括 文本節(jié)點(diǎn)
查看全部 -
$(:first)選取第一個(gè)元素
$(:last)選取最后一個(gè)元素
$(:odd) 選擇奇數(shù)元素,從0開(kāi)始計(jì)數(shù)
$(:even)選擇偶數(shù)元素,從0開(kāi)始計(jì)數(shù)
$(:eq(index))選擇任意index元素
$(:gt(index))選擇所有index大于所選index的元素
$(:lt(index))選擇所有index小于所選index的元素
$(:not(selector))匹配當(dāng)前元素不等于這個(gè)元素的其他元素
$("input:not(:checked) + p")選中所有不包含checked的input元素中緊接著的p元素
$(:header)選取標(biāo)題元素
$(:root)選取根元素
eq全稱是equal(意思是“等于”);
gt全稱是greater than(意思是大于);
lt全稱是less than(意思是小于)
查看全部 -
$('.first-div?a:first-child')匹配的是a的父元素下的第一個(gè)元素,若不是a則不匹配。
查看全部 -
IE會(huì)將注釋節(jié)點(diǎn)實(shí)現(xiàn)為元素,所以在IE中調(diào)用getElementsByTagName里面會(huì)包含注釋節(jié)點(diǎn),這個(gè)通常是不應(yīng)該的
getElementById的參數(shù)在IE8及較低的版本不區(qū)分大小寫(xiě)
IE7及較低的版本中,表單元素中,如果表單A的name屬性名用了另一個(gè)元素B的ID名并且A在B之前,那么getElementById會(huì)選中A
IE8及較低的版本,瀏覽器不支持getElementsByClassName
查看全部 -
為什么最后一個(gè)新增文本出現(xiàn)在第二個(gè)div里,因?yàn)榈箶?shù)第二個(gè)操作“通過(guò).html()方法替換html結(jié)構(gòu)”把第一個(gè)div里的html內(nèi)容全部替換成了文本,所以第一個(gè)div里已經(jīng)沒(méi)有a元素了,所以第二個(gè)div里的第一個(gè)a元素變成了全文檔的第一個(gè)a元素,在最后一個(gè)操作里選擇器.left a:first找到的a元素就是第二個(gè)div里的a元素。
查看全部 -
通過(guò)標(biāo)準(zhǔn)的JavaScript操作DOM與jQuery操作DOM的對(duì)比,我們不難發(fā)現(xiàn):
- 通過(guò)jQuery方法包裝后的對(duì)象,是一個(gè)類(lèi)數(shù)組對(duì)象。它與DOM對(duì)象完全不同,唯一相似的是它們都能操作DOM。
- 通過(guò)jQuery處理DOM的操作,可以讓開(kāi)發(fā)者更專(zhuān)注業(yè)務(wù)邏輯的開(kāi)發(fā),而不需要我們具體知道哪個(gè)DOM節(jié)點(diǎn)有那些方法,也不需要關(guān)心不同瀏覽器的兼容性問(wèn)題,我們通過(guò)jQuery提供的API進(jìn)行開(kāi)發(fā),代碼也會(huì)更加精短。
查看全部
舉報(bào)