jQuery DOM插入節(jié)點(diǎn)操作指南
方法 | 描述 | 示例 |
append() | 向每個(gè)匹配的元素內(nèi)部追加內(nèi)容 |
HTML代碼:<p>我想說:</p> jQuery代碼: $("p").append("<b>你好</b>"); 結(jié)果: <p>我想說:<b>你好</b></p> |
appendTo() |
將所有匹配的元素追加到指定的元素中 。實(shí)際上,使用該方法是顛倒了常規(guī) 的$(A).append(B)的操作,是將A追加到B中。 |
HTML代碼:<p>我想說:</p> jQuery代碼: $("<b>你好</b>").appendTo("p") 結(jié)果: <p>我想說:<b>你好</b></p> |
prepend() | 向每個(gè)匹配的元素內(nèi)部前置內(nèi)容 |
HTML代碼:<p>我想說:</p> jQuery代碼: $("p").prepend("<b>你好</b>") 結(jié)果: <p><b>你好</b>我想說:</p> |
prependTo() |
將所有匹配的元素前置到指定的元素中 。實(shí)際上,使用該方法是顛倒了 常規(guī)$(A).prepend(B)操作。 |
HTML代碼:<p>我想說:</p> jQuery代碼: $("<b>你好</b>").prependTo("p") 結(jié)果: <p><b>你好</b>我想說:</p> |
after() | 在每個(gè)匹配的元素后插入內(nèi)容 |
HTML代碼:<p>我想說:</p> jQuery代碼: $("p").after("<b>你好</b>") 結(jié)果: <p>我想說:</p><b>你好</b> |
insertAfter() |
將所有匹配的元素插入到指定元 素的后面,實(shí)際上,使用該方法 是顛倒了常規(guī)的$(A).after(B)操作 |
HTML代碼:<p>我想說:</p> jQuery代碼: $("<b>你好</b>").insertAfter("p") 結(jié)果: <p>我想說:</p><b>你好</b> |
before() | 在每個(gè)匹配的元素之前插入內(nèi)容 |
HTML代碼:<p>我想說:</p> jQuery代碼: $("p").before("<b>你好</b>") 結(jié)果: <b>你好</b><p>我想說:</p> |
insertBefore() |
將所以匹配的元素插入到指 定的元素的前面。實(shí)際上, 使用該方法是顛倒了常規(guī) 的$(A).before(B)的操作。 |
HTML代碼:<p>我想說:</p> jQuery代碼: $("<b>你好</b>").insertBefore("p") 結(jié)果: <b>你好</b><p>我想說:</p> |
以上就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
- jQuery中each()、find()和filter()等節(jié)點(diǎn)操作方法詳解(推薦)
- jQuery遍歷DOM節(jié)點(diǎn)操作之filter()方法詳解
- JQuery 選擇器、DOM節(jié)點(diǎn)操作練習(xí)實(shí)例
- jQuery DOM刪除節(jié)點(diǎn)操作指南
- 淺談事件冒泡、事件委托、jQuery元素節(jié)點(diǎn)操作、滾輪事件與函數(shù)節(jié)流
- jQuery中 DOM節(jié)點(diǎn)操作方法大全
- 有關(guān)jquery與DOM節(jié)點(diǎn)操作方法和屬性記錄
- jquery對(duì)dom節(jié)點(diǎn)的操作【推薦】
- JQuery常見節(jié)點(diǎn)操作實(shí)例分析
相關(guān)文章
自己動(dòng)手制作jquery插件之自動(dòng)添加刪除行功能介紹
這個(gè)插件的上篇訪問量很不好,幾乎是我寫的文章里最少的點(diǎn)擊量的了,不知道是不是因?yàn)榇蠹覍?duì)我說的這個(gè)插件不感興趣還是說我寫的東西技術(shù)含量太差了,呵,那我只能孤芳自賞了2011-10-10在JavaScript的jQuery庫中操作AJAX的方法講解
這篇文章主要介紹了在JavaScript的jQuery庫中操作AJAX的方法講解,包括利用jQuery簡(jiǎn)化Ajax開發(fā)部分的內(nèi)容,需要的朋友可以參考下2015-08-08jQuery EasyUI API 中文文檔 - ProgressBar 進(jìn)度條
jQuery EasyUI API 中文文檔 - ProgressBar 進(jìn)度條,使用jQuery EasyUI的朋友可以參考下。2011-09-09jQuery EasyUI中的日期控件DateBox修改方法
下面小編就為大家?guī)硪黄猨Query EasyUI中的日期控件DateBox修改方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11jQuery簡(jiǎn)單操作cookie的插件實(shí)例
這篇文章主要介紹了jQuery簡(jiǎn)單操作cookie的插件,以實(shí)例形式分析了jQuery操作cookie的插件功能定義與使用技巧,需要的朋友可以參考下2016-01-01jquery實(shí)現(xiàn)圖片無縫滾動(dòng) 蒙版遮蔽效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)圖片無縫滾動(dòng),蒙版遮蔽效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-01-01