溫馨提示×

jquery怎么隱藏input框

養(yǎng)魚的貓咪
565
2021-05-26 08:12:32
欄目: 編程語言

使用jquery隱藏input框的方法:1.新建html項目,引入jquery;2.創(chuàng)建input輸入框,設(shè)置id屬性;3.添加button按鈕,綁定onclick點擊事件;4.通過id獲取input對象,使用hide()方法隱藏input框;


jquery怎么隱藏input框


具體步驟如下:

1.首先,新建一個html項目,并在項目中引入jquery;


<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>


2.引入jquery后,在項目中創(chuàng)建一個input輸入框,并設(shè)置id屬性,用于測試;



<input type="text" value="" id="btn"/>

3.input輸入框創(chuàng)建好后,添加一個button按鈕,并綁定onclick點擊事件,用于點擊隱藏;


<button onClick="set()"></button>


4.最后,按鈕添加好后,在點擊事件中通過id獲取input對象,在使用hide()方法即可隱藏input輸入框;


function set(){

$("text").hide();

}


相關(guān)擴展:

1)使用show()方法顯示input框


function set(){

$("text").show();

}



0