欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery 隱藏的input value

江奕云2年前8瀏覽0評論

JQuery是一個被廣泛應用于前端開發的JS庫,它提供了許多實用的函數和方法幫助開發者更高效地完成任務。其中,隱藏input value是JQuery中常見的一個應用場景。下面我們來看看如何使用JQuery來實現隱藏input value的功能。

<input type="hidden" id="myInput" value="123" />
<button id="myBtn">點擊隱藏/顯示input value</button>
<script>
$(document).ready(function(){
$("#myBtn").click(function(){
if($("#myInput").attr("type")=="password"){
$("#myInput").attr("type","hidden");
}else{
$("#myInput").attr("type","password");
}
});
});
</script>

在上述代碼中,我們首先定義了一個type為hidden的input元素,并給其設置了一個value值為123。接著,我們定義了一個按鈕并給其設置了一個id為myBtn。在JQuery的ready函數中,我們監聽了按鈕的click事件。當按鈕被點擊時,我們使用attr方法獲取myInput元素的type屬性值,如果值為password,就將其修改為hidden;如果值為hidden,就將其修改為password。這樣,我們就實現了隱藏/顯示input value的功能。

需要注意的是,由于type屬性是input元素的特性屬性,因此我們無法通過CSS來控制input元素的type屬性值。所以,我們需要使用JQuery的attr方法來獲取和修改input元素的type屬性值。