色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery設置點擊隱藏切換

陳怡靜1年前9瀏覽0評論

在Web開發中,頁面上的一些元素需要通過點擊來進行隱藏或者顯示,這就需要使用到jQuery中的hide()和show()函數,同時可以使用toggle()函數來實現點擊隱藏/顯示的切換。

例如,下面的代碼實現了點擊按鈕隱藏或者顯示一個圖片:

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<img src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js">
<br>
<button id="hideBtn">隱藏/顯示圖片</button>
<script>
$(document).ready(function(){
$("#hideBtn").click(function(){
$("img").toggle();
});
});
</script>
</body>
</html>

在上面的代碼中,我們定義了一個按鈕,當按鈕被點擊時,使用toggle()函數來切換圖片的隱藏和顯示狀態。另外,我們也可以使用hide()和show()函數來替代toggle()函數,實現同樣的效果。