用jquery隱藏一個(gè)文本的方法:1、使用“$("文本id值")”語句根據(jù)指定的id值獲取文本對象;2、使用hide()方法將獲取到的對象隱藏即可,語法為“文本對象.hide();”。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.0版本、Dell G3電腦。
用jquery隱藏一個(gè)文本的方法
1、新建一個(gè)html文件,命名為test.html,用于講解jquery如何實(shí)現(xiàn)點(diǎn)擊按鈕隱藏文本框。使用input標(biāo)簽創(chuàng)建一個(gè)文本框,用于測試。給input標(biāo)簽添加一個(gè)id屬性,設(shè)置為myinput。
在test.html文件內(nèi),創(chuàng)建一個(gè)button按鈕,給button按鈕綁定onclick事件,當(dāng)按鈕被點(diǎn)擊時(shí),執(zhí)行hideIp函數(shù)。
2、在js標(biāo)簽內(nèi),創(chuàng)建hideIp函數(shù),在函數(shù)內(nèi),通過id獲得input對象,使用hide()方法隱藏文本框。
在瀏覽器打開test.html文件,點(diǎn)擊按鈕,查看實(shí)現(xiàn)的效果。
點(diǎn)擊按鈕之后:
總結(jié):
1、使用input標(biāo)簽創(chuàng)建一個(gè)文本框,給input標(biāo)簽添加一個(gè)id屬性,設(shè)置為myinput。
2、創(chuàng)建一個(gè)button按鈕,給button按鈕綁定onclick事件,當(dāng)按鈕被點(diǎn)擊時(shí),執(zhí)行hideIp函數(shù)。
3、在js標(biāo)簽內(nèi),創(chuàng)建hideIp函數(shù),在函數(shù)內(nèi),通過id獲得input對象,使用hide()方法隱藏文本框。