jQuery入門(mén)教程-文檔操作方法

DTeam 發(fā)布于2019-08-02 10:11 / 920人閱讀

摘要：一和方法好好學(xué)習(xí)方法天天向上方法好好學(xué)習(xí)方法天天向上和比較用法相同在被選元素的結(jié)尾仍然在內(nèi)部插入指定內(nèi)容。二方法返回元素內(nèi)容當(dāng)使用該方法返回一個(gè)值時(shí)，它會(huì)返回第一個(gè)匹配元素的內(nèi)容。方法是覆蓋所有內(nèi)容，是原有的內(nèi)容被替換。

一、append()和appendTo() 1.1 append()方法


    好好學(xué)習(xí)

1.2 appendTo()方法


    好好學(xué)習(xí)

1.3 append()和appendTo()比較

（1）用法相同
在被選元素的結(jié)尾（仍然在內(nèi)部）插入指定內(nèi)容。

（2）不同之處
內(nèi)容和選擇器的位置不同，以及 append() 能夠使用函數(shù)來(lái)附加內(nèi)容。

二、html()方法 2.1 返回元素內(nèi)容

當(dāng)使用該方法返回一個(gè)值時(shí)，它會(huì)返回第一個(gè)匹配元素的內(nèi)容 (inner HTML)。


    好好學(xué)習(xí)

2.2 設(shè)置元素內(nèi)容

當(dāng)使用該方法設(shè)置一個(gè)值時(shí)，它會(huì)覆蓋所有匹配元素的內(nèi)容 (inner HTML)。


    好好學(xué)習(xí)

2.3 使用函數(shù)來(lái)設(shè)置元素內(nèi)容

（1）語(yǔ)法

$(selector).html(function(index,oldcontent))

（2）參數(shù)

參數(shù)	描述
function(index,oldcontent)	規(guī)定一個(gè)返回被選元素的新內(nèi)容的函數(shù)。index - 可選。接收選擇器的 index 位置。oldcontent - 可選。接收選擇器的當(dāng)前內(nèi)容。

（3）示例


    好好學(xué)習(xí)
    天天向上

三、append()、appendTo()和html()的區(qū)別

（1）append()和appendTo()方法是在被選元素的結(jié)尾（仍然在內(nèi)部）插入內(nèi)容，是在原有內(nèi)容的基礎(chǔ)上增加。

（2）html()方法是覆蓋所有內(nèi)容，是原有的內(nèi)容被替換。

GPU云服務(wù)器云服務(wù)器系統(tǒng)操作文檔 js文檔操作 NET文檔操作 java 文檔操作

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/52178.html

相關(guān)文章

jQuery入門(mén)教程-文檔操作方法

摘要：一和方法好好學(xué)習(xí)方法天天向上方法好好學(xué)習(xí)方法天天向上和比較用法相同在被選元素的結(jié)尾仍然在內(nèi)部插入指定內(nèi)容。二方法返回元素內(nèi)容當(dāng)使用該方法返回一個(gè)值時(shí)，它會(huì)返回第一個(gè)匹配元素的內(nèi)容。方法是覆蓋所有內(nèi)容，是原有的內(nèi)容被替換。一、append()和appendTo() 1.1 append()方法好好學(xué)習(xí) append() 方法 $(butt...

Dogee 2019-08-22 16:20 評(píng)論0 收藏0
jQuery入門(mén)教程-文檔操作方法

摘要：一和方法好好學(xué)習(xí)方法天天向上方法好好學(xué)習(xí)方法天天向上和比較用法相同在被選元素的結(jié)尾仍然在內(nèi)部插入指定內(nèi)容。二方法返回元素內(nèi)容當(dāng)使用該方法返回一個(gè)值時(shí)，它會(huì)返回第一個(gè)匹配元素的內(nèi)容。方法是覆蓋所有內(nèi)容，是原有的內(nèi)容被替換。一、append()和appendTo() 1.1 append()方法好好學(xué)習(xí) append() 方法 $(butt...

dadong 2019-08-30 15:53 評(píng)論0 收藏0
前端技術(shù) 博客文章、書(shū)籍積累

摘要：好多編輯器例如等都支持這樣的語(yǔ)法來(lái)快速的編寫(xiě)代碼如何優(yōu)雅地使用把標(biāo)簽放在結(jié)束標(biāo)簽之后結(jié)束標(biāo)簽之前的差別什么是響應(yīng)式設(shè)計(jì)怎樣進(jìn)行書(shū)籍《JavaScriptDOM編程藝術(shù)》《JavaScript高級(jí)程序設(shè)計(jì)》《JavaScript框架設(shè)計(jì)》《JavaScript專(zhuān)家編程》《JavaScript Ninjia》《JavaScript語(yǔ)言精粹（修訂版）》《JavaScript設(shè)計(jì)模式》《J...

LiangJ 2019-08-30 12:58 評(píng)論0 收藏0
前端技術(shù) 博客文章、書(shū)籍積累

摘要：好多編輯器例如等都支持這樣的語(yǔ)法來(lái)快速的編寫(xiě)代碼如何優(yōu)雅地使用把標(biāo)簽放在結(jié)束標(biāo)簽之后結(jié)束標(biāo)簽之前的差別什么是響應(yīng)式設(shè)計(jì)怎樣進(jìn)行書(shū)籍《JavaScriptDOM編程藝術(shù)》《JavaScript高級(jí)程序設(shè)計(jì)》《JavaScript框架設(shè)計(jì)》《JavaScript專(zhuān)家編程》《JavaScript Ninjia》《JavaScript語(yǔ)言精粹（修訂版）》《JavaScript設(shè)計(jì)模式》《J...

codercao 2019-08-19 18:10 評(píng)論0 收藏0
前端技術(shù) 博客文章、書(shū)籍積累

摘要：好多編輯器例如等都支持這樣的語(yǔ)法來(lái)快速的編寫(xiě)代碼如何優(yōu)雅地使用把標(biāo)簽放在結(jié)束標(biāo)簽之后結(jié)束標(biāo)簽之前的差別什么是響應(yīng)式設(shè)計(jì)怎樣進(jìn)行書(shū)籍《JavaScriptDOM編程藝術(shù)》《JavaScript高級(jí)程序設(shè)計(jì)》《JavaScript框架設(shè)計(jì)》《JavaScript專(zhuān)家編程》《JavaScript Ninjia》《JavaScript語(yǔ)言精粹（修訂版）》《JavaScript設(shè)計(jì)模式》《J...

huayeluoliuhen 2019-08-01 15:13 評(píng)論0 收藏0