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()将隐藏它。
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()将隐藏它。
本文地址:
/show-270098.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。