指引网

当前位置: 主页 > 网页制作 > jQuery >

使用jquery修改display属性

来源:网络 作者:佚名 点击: 时间:2017-08-27 11:46
[摘要] 使用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,从而实现了隐藏和现实的切换。

------分隔线----------------------------