用jquery隱藏一個(gè)文本的方法:1、使用“$("文本id值")”語(yǔ)句根據(jù)指定的id值獲取文本對(duì)象;2、使用hide()方法將獲取到的對(duì)象隱藏即可,語(yǔ)法為“文本對(duì)象.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è)文本框,用于測(cè)試。給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),通過(guò)id獲得input對(duì)象,使用hide()方法隱藏文本框。
在瀏覽器打開(kāi)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),通過(guò)id獲得input對(duì)象,使用hide()方法隱藏文本框。