您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

jQuery的.hide()与将CSS设置为显示之间的区别:无

jQuery的.hide()与将CSS设置为显示之间的区别:无

在有关.hide()的jQuery页面中:

“匹配的元素将立即被隐藏,没有动画。这大致相当于调用.css(’display’,’none’),除了display属性的值保存在jQuery的数据缓存中,以便以后可以显示恢复为初始值。如果元素的显示值为inline,则该元素将被隐藏并显示,它将再次以inline显示。”

因此,如果能够恢复到的先前值很重要,则display最好使用,hide()因为这样可以记住先前的状态。除此之外,没有区别。

$(function() {

    $('.hide').click(function(){

        $('.toggle').hide();

        setDisplayValue();

    });

    $('.show').click(function(){

        $('.toggle').show();

        setDisplayValue();

    });

});



function setDisplayValue() {

    var display = $('.toggle')[0].style.display;

    $('.displayvalue').text(display);

}


div {

    display: table-cell;

    border: 1px solid;

    padding: 5px;

}


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>

    <button class="hide">Hide</button>

    <button class="show">Show</button>

</p>



<div class="toggle">Lorem Ipsum</div>



<p>

    The display value of the div is:

    <span class="displayvalue"></span>

</p>
CSS 2022/1/1 18:22:45 有357人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶