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的主要内容,如果未能解决你的问题,请参考以下文章

jquery中的$的特殊用法

jQuery 将 div 切片成动画片段

如何使用 jQuery 旋转 div [关闭]

jquery-如何关闭div

如何使用 jquery 找到 div 的下一个跨度? [关闭]

如何在jQuery for div中应用“if event target”并适用于所有孩子(模态关闭问题)?