-
回顧下幾組DOM插入有關(guān)的方法： innerHTML 設(shè)置或獲取位于對(duì)象起始和結(jié)束標(biāo)簽內(nèi)的 HTML outerHTML 設(shè)置或獲取對(duì)象及其內(nèi)容的 HTML 形式 innerText 和 outerText 在讀取的時(shí)候是一樣的，只是在設(shè)置的時(shí)候 outerText 會(huì)連帶標(biāo)簽一起替換成目標(biāo)文本 firefox不支持innerText，但是可以用textContent作為替代方案。 jQuery封裝的方法html，text，val(放到屬性一章） .html()用為讀取和修改元素的HTML標(biāo)簽 .text()用來(lái)讀取或修改元素的純文本內(nèi)容 .val()用來(lái)讀取或修改表單元素的value .html() 方法對(duì) XML 文檔無(wú)效。 1 .text() 在XML 和 HTML 文檔中都能使用。 2 .text() 方法返回一個(gè)字符串，包含所有匹配元素的合并文本。（由于在不同的瀏覽器中的HTML解析器的變化，返回的文本中換行和其他空白可能會(huì)有所不同。 3 .text() 方法不能使用在 input 元素或 scripts 元素上。 input 或 textarea 需要使用 .val() 方法獲取或設(shè)置文本值。得到scripts元素的值，使用.html()方法。查看全部
-
<!doctype html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"/> <script src="http://code.jquery.com/jquery-latest.js"></script> <title>節(jié)點(diǎn)操作</title> </head> <body> <div> </div> <button id="test1">append操作</button> <button id="test2">after操作</button> <button id="test3">html操作</button> <h2>Greetings</h2> <div class="container"> <div class="inner">Hello</div> <div class="inner">Goodbye</div> </div> <script type="text/javascript"> $('#test1').click(function(){ $('.inner').append('<p>Test</p>') }) $('#test2').click(function(){ $('.inner').after('<p>Test</p>'); }) $('#test3').click(function(){ alert($('h2').html()) }) </script> </body> <!-- 1 --> </html> <!-- 1 --> <!-- 1 -->查看全部
-
after是在被選元素后添加，append和appendTo是在被選元素內(nèi)容后添加，仍在被選元素標(biāo)簽內(nèi)的。查看全部
-
遍歷的接口我們可以歸為幾大類： 1 祖先 2 同胞兄弟 3 后代 4 過(guò)濾查看全部
-
希望學(xué)習(xí)了這章能有所進(jìn)步！查看全部
-
1-6遍歷后代查看全部
-
jquery 遍歷同胞（下）查看全部
-
jquery 遍歷同胞(上)查看全部
-
jquery 遍歷同胞(上)查看全部
-
jquery源碼--遍歷祖先查看全部
-
這種關(guān)系好理解查看全部
-
.nextAll() 獲得匹配元素集合中每個(gè)元素之后的所有同輩元素，由選擇器進(jìn)行篩選（可選）。 .nextUntil() 獲得每個(gè)元素之后所有的同輩元素，直到遇到匹配選擇器的元素為止。 .prevAll() 獲得匹配元素集合中每個(gè)元素之前的所有同輩元素，由選擇器進(jìn)行篩選（可選）。 .prevUntil() 獲得每個(gè)元素之前所有的同輩元素，直到遇到匹配選擇器的元素為止。查看全部
-
移除 涉及節(jié)點(diǎn)刪除的接口jQuery劃分了四個(gè)分別是detach，empty，remove，unwrap，因?yàn)槭褂玫姆秶煌?，所以功能有所差異，但是總的?lái)說(shuō)都是用來(lái)清理節(jié)點(diǎn)的。 .empty() 從DOM中移除集合中匹配元素的所有子節(jié)點(diǎn)，為了避免內(nèi)存泄漏，jQuery先移除子元素的數(shù)據(jù)和事件處理函數(shù)，然后移除子元素。 .remove() 將元素移出DOM，當(dāng)我們想將元素自身移除時(shí)我們用 .remove()，同時(shí)也會(huì)移除元素內(nèi)部的一切，包括綁定的事件及與該元素相關(guān)的jQuery數(shù)據(jù)。remove是empty的加強(qiáng)版，把本身的父節(jié)點(diǎn)也清除掉了。因?yàn)閞emove支持過(guò)濾器所以支持傳遞selecor。remove需要?jiǎng)h除自身及其所有的子元素包括事件與數(shù)據(jù)，所以要通過(guò)找到父節(jié)點(diǎn)parnetNode移除。 .detach() 如果你想刪除元素，不破壞他們的數(shù)據(jù)或事件處理程序（這些綁定的信息還可以在之后被重新添加回來(lái)）。.detach() 方法和.remove()一樣, 除了 .detach()保存所有jQuery數(shù)據(jù)和被移走的元素相關(guān)聯(lián)。當(dāng)需要移走一個(gè)元素，不久又將該元素插入DOM時(shí)，這種方法很有用。查看全部
-
用提供的內(nèi)容替換集合中所有匹配的元素并且返回被刪除元素的集合。查看全部
-
jQuery針對(duì)DOM操作的插入的方法有大概10種： append、prepend、before、after、replaceWith appendTo、prependTo、insertBefore、insertAfter、replaceAll 分2組，上下對(duì)照，實(shí)現(xiàn)同樣的功能。主要的不同是語(yǔ)法——特別是內(nèi)容和目標(biāo)的位置。查看全部
舉報(bào)
0/150
提交
取消