jQuery按鈕點(diǎn)擊修改內(nèi)容的方法:1、創(chuàng)建一個(gè)button按鈕并綁定click點(diǎn)擊事件,指定一個(gè)事件處理函數(shù);2、在事件處理函數(shù)中使用text()方法對(duì)元素內(nèi)容進(jìn)行修改,語(yǔ)法為“$(selector).text("修改后的內(nèi)容");”。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.0版本、Dell G3電腦。
jQuery按鈕點(diǎn)擊修改內(nèi)容的方法
1、新建一個(gè)html文件,命名為test.html,用于講解jQuery通過(guò)按鈕改變要顯示的文本。使用h2標(biāo)簽創(chuàng)建一個(gè)標(biāo)題,例如,“這是測(cè)試的標(biāo)題”。給h2標(biāo)簽添加id屬性,屬性值為myhhh,主要用于下面通過(guò)該id獲得h2標(biāo)簽對(duì)象。
在test.html文件內(nèi),使用button標(biāo)簽創(chuàng)建一個(gè)按鈕,按鈕名稱為“點(diǎn)擊改變文本內(nèi)容”。給button按鈕綁定onclick點(diǎn)擊事件,當(dāng)按鈕被點(diǎn)擊時(shí),執(zhí)行clickbutton()函數(shù)。
2、在js標(biāo)簽中,創(chuàng)建clickbutton()函數(shù),在函數(shù)內(nèi),通過(guò)id(myhhh)獲得標(biāo)簽對(duì)象,使用text()方法改變標(biāo)簽顯示的文本內(nèi)容。
在瀏覽器打開(kāi)test.html文件,點(diǎn)擊按鈕,查看結(jié)果。
點(diǎn)擊按鈕之后
總結(jié):
1、創(chuàng)建一個(gè)test.html文件。
2、在文件內(nèi),使用h2標(biāo)簽創(chuàng)建一個(gè)標(biāo)題,給h2標(biāo)簽添加id屬性,同時(shí)創(chuàng)建一個(gè)button按鈕,用于觸發(fā)執(zhí)行js函數(shù)。
3、在js標(biāo)簽內(nèi),創(chuàng)建函數(shù),在函數(shù)內(nèi),通過(guò)id(myhhh)獲得標(biāo)簽對(duì)象,使用text()方法改變標(biāo)簽顯示的文本內(nèi)容。
注意事項(xiàng)
若想在文本中添加html代碼,可以使用html()方法。