在Web開(kāi)發(fā)中，頁(yè)面上的一些元素需要通過(guò)點(diǎn)擊來(lái)進(jìn)行隱藏或者顯示，這就需要使用到j(luò)Query中的hide()和show()函數(shù)，同時(shí)可以使用toggle()函數(shù)來(lái)實(shí)現(xiàn)點(diǎn)擊隱藏/顯示的切換。
例如，下面的代碼實(shí)現(xiàn)了點(diǎn)擊按鈕隱藏或者顯示一個(gè)圖片：
<!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>在上面的代碼中，我們定義了一個(gè)按鈕，當(dāng)按鈕被點(diǎn)擊時(shí)，使用toggle()函數(shù)來(lái)切換圖片的隱藏和顯示狀態(tài)。另外，我們也可以使用hide()和show()函數(shù)來(lái)替代toggle()函數(shù)，實(shí)現(xiàn)同樣的效果。