jquery-如何关闭div
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery-如何关闭div相关的知识,希望对你有一定的参考价值。
我有一个用表格打开div的按钮。
使用时如何关闭框。单击“ .fa-times”?
index.php
<script>
$(document).ready(function(){
$('.st-actionContainer').launchBtn( { openDuration: 500, closeDuration: 300 } );
});
</script>
html文件:
<div class="st-actionContainer left-bottom">
<div class="st-panel">
<div class="st-panel-header"><i class="fa fa-bars" aria-hidden="true"></i> Contact <a href="#"><i class="fa fa-times pull-right" aria-hidden="true"></i></a></div>
<div class="st-panel-contents">
Some text
</div>
</div>
<div class="st-btn-container left-bottom">
<div class="st-button-main"><i class="fa fa-bars" aria-hidden="true"></i> </div>
</div>
</div>
这是jquery脚本:https://github.com/dlenhart/st-action-panel-git/blob/master/js/st.action-panel.js
答案
1。要删除div,可以使用.remove()
,但以后不能访问div。
$("button").click(function(){
$("#div").remove();
});
div{
background-color:black;
width:300px;
height:200px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="div"></div>
<button >click me</button>
以上是关于jquery-如何关闭div的主要内容,如果未能解决你的问题,请参考以下文章