当前位置: 首页 > 面试题库 >

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

丁嘉庆
2023-03-14
问题内容

我最好做什么?.hide()比写出来要快.css("display", "none"),但是有什么区别,它们实际上对HTML元素做了什么?


问题答案:

在有关.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>


 类似资料:
  • OffScreenLimit设置为1的ViewPager和FragmentStatePagerAdapter之间有什么区别? 关于谷歌的指南说: 这个版本的寻呼机最适合在有几个通常更多的静态片段需要分页时使用,例如一组选项卡。用户访问的每个页面的片段都将保存在内存中,尽管它的视图层次结构在不可见时可能会被破坏。这可能会导致使用大量内存,因为片段实例可以保留任意数量的状态。对于较大的页面集,请考虑F

  • 本文向大家介绍显示卡和显卡之间的区别,包括了显示卡和显卡之间的区别的使用技巧和注意事项,需要的朋友参考一下 显示卡 图形卡是附加的PC组件,具有带有单独的处理器和RAM的印刷电路板。它可以增强计算机上显示的图像。图形卡可改善图片,视频,动画等。图形卡的其他名称是“视频适配器”,“显示适配器”和“图形加速器”。 显卡 视频卡是用于增强图像质量的PC组件。它将主板也连接到计算单元。它控制显示因素,例如

  • 本文向大家介绍Backbone.js和Jquery之间的区别,包括了Backbone.js和Jquery之间的区别的使用技巧和注意事项,需要的朋友参考一下 Backbone是MV *框架,而jQuery是DOM工具箱。 使用Backbone,您可以将数据表示为模型,可以创建,验证,销毁并将其保存到服务器。每当UI动作导致模型的属性发生更改时,模型就会触发“更改”事件;可以将更改通知所有显示模型状态

  • 问题内容: 可以将CSS选择器传递给jQuery函数,例如: jQuery还具有一些过滤器,例如和: 我一直在寻找某种语法规则来区分两者,并且我想也许jQuery过滤器总是使用。 但是,某些CSS选择器也使用。例如: 有没有人知道您使用的是CSS选择器还是jQuery过滤器的任何智能提示? 问题答案: 我一直在寻找某种语法规则来区分两者,并且我想也许jQuery过滤器总是使用。 但是,某些CSS选

  • 本文向大家介绍浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别,包括了浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别的使用技巧和注意事项,需要的朋友参考一下 hide和fadeOut 显示效果有什么区别? show和fadeIn显示效果都一样? 很多朋友在学习jQuery的时候 会遇到这个问题 ,hide和 fadeOut都可以带有参数

  • 本文向大家介绍Bootstrap和JQuery UI之间的区别,包括了Bootstrap和JQuery UI之间的区别的使用技巧和注意事项,需要的朋友参考一下 bootstrap和jquery都用于Web开发,主要用于前端开发。由于引导程序和jquery的代码主要在客户端执行,因此还负责UI的样式和外观。 通常,每个应用程序都是在两个平台上开发的,即后端和前端,其中后端是由高级语言(例如JAVA,