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

jquery 鼠標點擊顯示div隱藏

老白1年前7瀏覽0評論

jQuery是一個非常流行的JavaScript庫,可以簡化開發人員的工作。其中一個很有用的功能是鼠標點擊顯示和隱藏div元素。以下是一個例子:

//當文檔準備完畢時運行代碼
$(document).ready(function(){
//當單擊button元素時運行代碼
$("button").click(function(){
//切換div的可見性
$("div").toggle();
});
});

上面的代碼使用了jQuery的toggle()函數。這個函數在元素的可見性之間切換,如果元素在可見狀態下,則隱藏它,如果元素在隱藏狀態下,則顯示它。

下面是一個HTML部分的例子:

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<button>點擊切換</button>
<div>
<p>這是一個隱藏的div元素。</p>
</div>
</body>
</html>

在上面的例子中,當用戶單擊“點擊切換”按鈕時,div元素將會在“隱藏”和“顯示”之間切換。