Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 使用jquery修改display属性

使用jquery修改display属性

发布时间:2011-11-22   编辑:www.jquerycn.cn
使用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,从而实现了隐藏和现实的切换。

您可能感兴趣的文章:
Jquery乱码的一次解决过程 图解教程
jquery修改属性值实例代码(设置属性值)
用jquery设置按钮的disabled属性的实现代码
从零开始学习jQuery (四) jQuery中操作元素的属性与样式
jQuery .attr()和.removeAttr()方法操作元素属性示例
jQuery第三课 修改元素属性及内容的代码
(原创)linux中(chattr)创建不可修改文件的方法
jquery获取属性值的方法及实例
Jquery中显示隐藏的实现代码分析
Jquery下attr和removeAttr的使用方法

关键词: jquery  jquery  教程  display   
[关闭]