使用jquery修改display属性

使用jquery修改display相当于修改一个css样式，因为display本身属于一个css属性，jquery修改display很简单，你只要知道如何使用jquery改变css就可以了

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，从而实现了隐藏和现实的切换。