使用jquery修改display属性

display是css的标准属性之一，常用的display属性值有：

block : 块对象的默认值。用该值为对象之后添加新行
none : 隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间
inline : 内联对象的默认值。用该值将从对象中删除行

使用jquery修改display比较简单，你只要知道如何使用jquery设置css，就知道如何使用jquery修改display了，代码如下：

$('#test').css('display','none');

这段代码将id为test的元素的display修改成了“none”，即隐藏了id为test的元素，我们经常用到的是切换一个元素的隐藏与现实，下面给出代码：

var show = $('#test').css('display');
$('#test').css('display',show =='block'?'none':show);

呵呵，这代码看得有点锉，后面会加一个比较好用的代码运行工具，现在就将就着看吧，这段代码通过判断当前元素的display的值来设置它的display值，如果是none就设成block，如果是block就设置成none，从而实现了隐藏和现实的切换。

您可能感兴趣的文章：
使用jquery修改display属性
使用jquery删除css属性或样式
jquery show()方法与hide()方法的小例子
Jquery乱码的一次解决过程 图解教程
细说 jQuery DOM操作篇（一） – 属性操作
用jquery设置按钮的disabled属性的实现代码
jquery控制css display属性(控制元素显示与隐藏)
jquery修改属性值实例代码(设置属性值)
jQuery .attr()和.removeAttr()方法操作元素属性示例
从零开始学习jQuery (四) jQuery中操作元素的属性与样式