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