{site_name}

{site_name}

🌜 搜索

jQuery对象方法toggle()可以在两个或多个状态之间切换,即每次调用该函

前端 𝄐 0
jquerytoggle
jQuery对象方法toggle()可以在两个或多个状态之间切换,即每次调用该函数都会将元素的可见性从隐藏(display:none)变为显示(display:block),或从显示(display:block)变为隐藏(display:none)。它还可以接受一个布尔值作为参数,指定元素是否应该被强制显示或隐藏。

以下是一个例子,点击按钮时将一个div元素从可见状态和不可见状态之间切换:

HTML代码:

html
<button id="toggle-btn">切换</button>
<div id="myDiv">这里是一些文本。</div>


jQuery代码:

javascript
$(document).ready(function(){
$("#toggle-btn").click(function(){
$("#myDiv").toggle();
});
});


在这个例子中,当单击id为“toggle-btn”的按钮时,jQuery将调用toggle()方法来切换id为“myDiv”的div元素的可见性。如果当前div元素是隐藏的,则toggle()将显示它;如果它当前是可见的,则toggle()将隐藏它。