資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何使用 jQuery 切換 div 的可見性？
要在 jQuery 中切換 div 的可見性，請使用 toggle() 方法。它將檢查 div 元素的可見性，即如果 div 處於隱藏狀態，則為 show() 方法。如果 div 元素可見，則為 hide() id。最終，這將產生切換效果。
toggle( speed, [callback]) 方法使用流暢的動畫切換顯示每一組匹配的元素，並在完成後執行一個可選的回撥。
以下是對此方法使用的所有引數的描述 −
- speed − 表示三個預定義的速度（"slow"、"normal" 或 "fast"）之一的字串，或執行動畫的毫秒數（例如 1000）。
- callback − 這是在動畫完成後要呼叫的函式的可選引數。
示例
嘗試執行以下程式碼，使用 jQuery 切換 div 的可見性 −
<html>
<head>
<title>jQuery toggle() method</title>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#toggle").click(function(){
$(".target").toggle( 'slow', function(){
$(".log").text('Toggle Transition Complete');
});
});
});
</script>
<style>
p {
background-color:#bca;
width:200px;
border:1px solid green;
}
</style>
</head>
<body>
<p>Click on the following button:</p>
<button id = "toggle"> Toggle </button>
<div class = "target">
<img src = "../images/jquery.jpg" alt = "jQuery" />
</div>
<div class = "log"></div>
</body>
</html>
更新時間： 17-Feb-2020
8K+ 瀏覽量
廣告