关于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()清除的功能