使用jquery修改display属性 您所在的位置:网站首页 jquery修改样式属性 使用jquery修改display属性

使用jquery修改display属性

#使用jquery修改display属性| 来源: 网络整理| 查看: 265

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



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有