jquery使用append(content)方法注意事項(xiàng)分享
更新時(shí)間：2014年01月06日 10:46:22 作者：
append(content)函數(shù)的功能向每個(gè)匹配的元素內(nèi)部追加內(nèi)容，在使用方法上需要引起大家的注意，詳細(xì)看下面示例
如以下示例：向所有段落中追加一些HTML標(biāo)記。
HTML 代碼:
復(fù)制代碼 代碼如下:
<p>I would like to say: </p>
jQuery 代碼:
復(fù)制代碼 代碼如下:
$("p").append("<b>Hello</b>");
結(jié)果:
[ <p>I would like to say: <b>Hello</b></p> ]
這樣看好像沒什么，很正常，如果我們換個(gè)方式追加呢？
$("p").append("<b>");
$("p").append("Hello</b>");
結(jié)果：
[ <p>I would like to say: <b></b>Hello</p> ]
結(jié)果就成這樣了，為什么會(huì)這樣呢？
我想應(yīng)該是在調(diào)用append()函數(shù)時(shí)，它會(huì)自動(dòng)去檢測你加進(jìn)去的html內(nèi)容是否符合標(biāo)準(zhǔn)，如果符合，正常加入，如果不符合，那么它就會(huì)自動(dòng)生成符合它所謂的標(biāo)準(zhǔn)而進(jìn)行顯示。
相關(guān)文章
玩轉(zhuǎn)jQuery按鈕 請(qǐng)告訴我你最喜歡哪些？
在Web的世界里，按鈕對(duì)于我們來說再也普通不過了，當(dāng)然也用得比較多。今天這篇文章我主要向大家分享20個(gè)基于jQuery和CSS技術(shù)的按鈕，這些基于jQuery的按鈕都非同凡響，所以我在標(biāo)題里用了“令人驚嘆”這一個(gè)詞2012-01-01
與jquery serializeArray()一起使用的函數(shù)，主要來方便提交表單
與jquery serializeArray()一起使用的函數(shù)，主要來方便提交表單，需要的朋友可以參考下。2011-01-01
前面我們講述了jQuery中ajax的load（）方法，小伙伴們反應(yīng)非常好，今天我們就來講解下jQuery中Ajax的get、post等方法，希望大家同樣能夠喜歡。2015-01-01
這篇文章主要為大家詳細(xì)介紹了jQuery三級(jí)下拉列表導(dǎo)航菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-08-08
Jquery 動(dòng)態(tài)添加元素并添加點(diǎn)擊事件實(shí)現(xiàn)過程解析
這篇文章主要介紹了Jquery 動(dòng)態(tài)添加元素并添加點(diǎn)擊事件實(shí)現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
下面小編就為大家?guī)硪黄猨Query中的一些常見方法小結(jié)(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
Jquery對(duì)象和Dom對(duì)象的區(qū)別分析
最近有小伙伴咨詢Jquery對(duì)象和Dom對(duì)象的區(qū)別，今天我們談?wù)剛€(gè)人對(duì)于Jquery對(duì)象和Dom對(duì)象的區(qū)別的理解，如有遺漏或者錯(cuò)誤還請(qǐng)指出。2014-11-11
這篇文章主要為大家詳細(xì)介紹了jquery插件開發(fā)之選項(xiàng)卡制作，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介為大家詳細(xì)紹了jquery小火箭返回頂部特效，當(dāng)用戶瀏覽到網(wǎng)頁的最下端時(shí)，點(diǎn)擊右下角的火箭可以返回到頁面最頂部，滾動(dòng)效果平滑，有需要的小伙伴可以參考下。2015-08-08
這篇文章主要為大家詳細(xì)介紹了JQuery+PHP圖片在線裁剪實(shí)例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10