关于DIV中display属性误区以及牵扯出来的两个问题

百度搜索关于 Jquery设置DIV display时看到一个这样的答案：

<div id="div1">sdfsdfsdfsd</div>

$("#div1").attr("display","block");
$("#div1").css("display","block");
都行

测试之后发现,在DIV模块中只有第二条 $ ("#div").css() 有实用, 仔细看了一下,关于display的定义后发现原因为 display属性为Style中的一种,

也就是只有操作css可以正确修改.

attr比css权限要大,同样可以实现这个效果: $ ("#div").attr("style","display:none");

注：

1) 这里牵扯出来一个问题, attr以及css这两个选择器的使用方式,css() 只做样式的操作 attr()做属性的操作属性包含样式,所以不熟悉jquery的还是尽量避开纯attr选择器

2) 关于display:none 以及 empty() 的使用

display:none 虽然隐藏了相关元素,但是元素内容同样存在,只是不可见,所以none的功能是隐藏

empty() 清除当前元素下的所有文本以及子节点元素,因为牵扯到异步刷新,所以大部分情况下我还是会使用 empty()清除的功能

关于DIV中display属性误区以及牵扯出来的两个问题相关推荐

html中display有哪些属性值,css中display属性是什么及其各个值的作用和用法
当你查看别人写的css代码的时候,经常会看到display:block.none.inline.table等,那么在css中display属性到底是什么呢,都可以取什么值,每个值又有什么样的作用,到底 ...
浅谈CSS3中display属性的Flex布局，关于登陆页面属性框的设置
声明:本文转发自三里屯柯南的浅谈CSS3中display属性的Flex布局http://www.cnblogs.com/xuyuntao/articles/6391728.html 基本概念采用Fl ...
php中border属性,css中display属性和border属性常遇问题讲解
本篇文章给大家带来的内容是关于css中display属性和border属性常遇问题讲解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助.因为HTML很少有太复杂的问题,所以直接写一篇关于 ...
html中display属性是什么意思,HTML中display属性的属性值有哪些
HTML中display属性的属性值有哪些发布时间:2020-09-26 14:35:20 来源:亿速云阅读:102 作者:小新这篇文章主要介绍了HTML中display属性的属性值有哪些,具有 ...
div的display属性和visibility属性
1.display属性 display属性常用来设置<div>元素的浮动特征,当display设置为block(块)时,容器中所有元素都将被当做一个单独的块放入到页面中:将display设 ...
html中display属性含义,css中display是什么意思？
display是CSS中的一个常用属性,可用于规定元素应该生成的框的类型,在网页开发中经常需要用到.下面本篇文章就来给大家介绍一下CSS display属性,希望对大家有所帮助. display属性规 ...
html5中display属性,display的属性
在一般的css布局制作时候,我们常常会用到display对应值有block.none.inline这三个值.,display这个属性用于定义建立布局时元素生成的显示框类型.对于 html 等文档类型, ...
CSS3中display属性的Flex布局
编译之后的效果很明显,界面的布局也很合理,看起来很清晰.那么究竟这个属性是干嘛用的呢? Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性. ...
java中display中的属性_浅谈CSS3中display属性的Flex布局
最近在学习微信小程序,在设计首页布局的时候,新认识了一种布局方式display:flex 1 .container { 2 display: flex; 3 flex-direction: colum ...

关于DIV中display属性误区以及牵扯出来的两个问题

关于DIV中display属性误区以及牵扯出来的两个问题相关推荐

最新文章

热门文章