jquery DOM操作 基于命令改變頁面
jQuery提供.attr()方法改變屬性值,.removeAttr()方法刪除屬性
$(document).ready(function(){
$('div.character a').each(function(index){
$(this).attr({
'rel': 'external',
'id': 'mylink' + index
});
});
});
插入新元素
jQuery提供了兩種將元素插入到其它元素前面的方法,.insertBefore()方法和.before()方法,而.insertAfter()和.after()方法則用于將元素插入到其它元素后面.
$(document).ready(function(){
/*
*下面兩種方法效果一樣,使用.insertAfter()方法,可以通過連綴更多方法連續(xù)對(duì)所創(chuàng)建的a元素進(jìn)行操作.
*而使用.after()方法,連綴的其它方法的操作對(duì)象會(huì)變成$('div.chapter p')中選擇符匹配的元素
*/
$('<a href="#top">back to top</a>').insertAfter('div.chapter p');
$('div.chapter p').after('<a href="#top">back to top</a>');
});
DOM操作方法簡(jiǎn)單歸納
(1)要在每個(gè)匹配的元素中插入新元素,使用:
.append()
.appendTo()
.prepend()
.prependTo()
(2)要在每個(gè)匹配的元素相鄰的位置上插入新元素,使用:
after()
.insertAfter()
.before()
.insertBefore()
(3)要在每個(gè)匹配元素的外部插入新元素,使用:
.wrap()
(4)要用新元素或文本替換每個(gè)匹配的元素,使用:
.html()
.text()
(5)要移除每個(gè)匹配的元素中的元素,使用:
.empty()
(6)要從文檔中移除每個(gè)匹配的元素及其后代元素,但不實(shí)際刪除它們,使用:
.remove()
- jQuery移動(dòng)和復(fù)制dom節(jié)點(diǎn)實(shí)用DOM操作案例
- jQuery學(xué)習(xí)筆記之jQuery的DOM操作
- jQuery 選擇器、DOM操作、事件、動(dòng)畫
- jQuery DOM操作小結(jié)與實(shí)例
- jQuery常見面試題之DOM操作詳析
- 淺談jQuery 選擇器和dom操作
- Jquery基礎(chǔ)教程之DOM操作
- 鋒利的jQuery jQuery中的DOM操作
- jquery中dom操作和事件的實(shí)例學(xué)習(xí) 仿yahoo郵箱登錄框的提示效果
- jQuery DOM操作實(shí)例
- jQuery中DOM操作原則實(shí)例分析
相關(guān)文章
簡(jiǎn)單易擴(kuò)展可控性強(qiáng)的Jquery轉(zhuǎn)盤抽獎(jiǎng)程序
今天小編就為大家分享一篇關(guān)于簡(jiǎn)單易擴(kuò)展可控性強(qiáng)的Jquery轉(zhuǎn)盤抽獎(jiǎng)程序,小編覺得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來看看吧2019-03-03jquery仿百度百科底部浮動(dòng)導(dǎo)航特效
這篇文章主要介紹了jquery仿百度百科底部浮動(dòng)導(dǎo)航特效,需要的朋友可以參考下2015-08-08jquery拖拽效果完整實(shí)例(附demo源碼下載)
這篇文章主要介紹了jquery拖拽效果實(shí)現(xiàn)方法,詳細(xì)介紹了jQuery實(shí)現(xiàn)拖拽功能的具體步驟與相關(guān)技巧,并附代碼了demo源碼供讀者下載參考,需要的朋友可以參考下2016-01-01js jquery獲取當(dāng)前元素的兄弟級(jí) 上一個(gè) 下一個(gè)元素
js獲取方法要比jq的方法麻煩的多,主要是因?yàn)镕F瀏覽器,因?yàn)镕F瀏覽器也會(huì)把換行當(dāng)作dom元素,下面跟著小編一起來學(xué)習(xí)js jquery獲取當(dāng)前元素的兄弟級(jí) 上一個(gè) 下一個(gè)元素的,需要的朋友一起來學(xué)習(xí)吧2015-09-09Mui使用jquery并且使用點(diǎn)擊跳轉(zhuǎn)新窗口的實(shí)例
下面小編就為大家?guī)硪黄狹ui使用jquery并且使用點(diǎn)擊跳轉(zhuǎn)新窗口的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08jQuery實(shí)現(xiàn)表格行數(shù)據(jù)滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)表格行數(shù)據(jù)滾動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08使用jQuery的load方法設(shè)計(jì)動(dòng)態(tài)加載及解決被加載頁面js失效問題
這篇文章主要介紹了使用jQuery的load方法設(shè)計(jì)動(dòng)態(tài)加載及解決被加載頁面js失效問題,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-03-03jQuery動(dòng)畫出現(xiàn)連續(xù)觸發(fā)、滯后反復(fù)執(zhí)行的解決方法
這篇文章主要介紹了jQuery動(dòng)畫出現(xiàn)連續(xù)觸發(fā)、滯后反復(fù)執(zhí)行的解決方法,實(shí)例分析了針對(duì)jQuery中slideUp、slideDown、animate等動(dòng)畫運(yùn)用時(shí)出現(xiàn)的滯后反復(fù)執(zhí)行等問題的解決方法,需要的朋友可以參考下2015-01-01jQuery語法總結(jié)和注意事項(xiàng)小結(jié)
jQuery是繼prototype之后的又一個(gè)優(yōu)秀的Javascript框架,它是一個(gè)簡(jiǎn)潔快速靈活的JavaScript框架,它能讓你在你的網(wǎng)頁上簡(jiǎn)單的操作文檔、處理事件、實(shí)現(xiàn)特效并為Web頁面添加Ajax交互2012-11-11