实现jQuery切换代码
要实现一个简单的jQuery切换代码,你可以使用.toggle()
方法。这个方法在被选元素上进行切换——如果是可见的,它会隐藏它们;如果是隐藏的,它会显示它们。
下面是一个使用.toggle()
方法的例子:
HTML:
<button id="toggleButton">切换</button>
<div id="toggleDiv">这是一个可以切换显示与隐藏的div。</div>
jQuery:
$(document).ready(function(){
$("#toggleButton").click(function(){
$("#toggleDiv").toggle();
});
});
确保在你的HTML文件中包含了jQuery库,例如:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
当点击按钮时,#toggleDiv
会切换显示与隐藏状态。
评论已关闭