使用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,从而实现了隐藏和现实的切换。
使用jquery修改display属性相关推荐
- jQuery修改css属性和修改样式
修改css属性 方法一: $().css("属性",属性值"") 注意如果括号内只有属性则返回该属性的值. 方法二: $().css({属性:属性值,····· ...
- web开发经典,jquery修改style属性display
定义字体的各个属性,可以让页面板式变得更好看. 字体样式包括字体类型.大小.颜色基本效果,另外还包括一些特殊的样式,如字体粗细.下划线.斜体.大小写样式等. 一.定义字体类型 font-family ...
- jQuery修改class属性
1.addClass() addClass()方法向匹配的元素增加指定的类名(一个或多个) 注意:对于元素来说,class属性可以有多个值.该方法不会移除已经存在的值,而是在原有的基础上追加一个或多个 ...
- jq删除某个css样式,jq删除属性_使用jquery删除css属性或样式
摘要 腾兴网为您分享:使用jquery删除css属性或样式,中国体育,有信,相机美颜,腾讯小说等软件知识,以及来电,会动的手机壁纸,网销客,酷6,我不是我没有表情包,乐校通,搜达足球网,led滚动显示 ...
- Jquery判断元素是否隐藏:display属性状态值
很多时候,我们都要判断元素当前是否处于显示或隐藏状态.Jquery通过判断元素display属性状态值来实现"判断当前操作元素是否显示还是隐藏",实现方法主要使用Jquery提供的 ...
- JQuery修改对象的属性值
JQuery修改对象的属性值 用到的便是JQuery提供的attr方法,获取属性值的基本结构为:$(obj).attr("属性名"):修改属性值的结构为:$(obj).attr(& ...
- 如何使用jquery修改css中带有!important的样式属性
<div class="test">使用jquery修改css中带有!important的样式属性</div> 外部样式为: div.test{width: ...
- JQuery获取元素的display属性
JQuery获取元素的display属性 $('#input_id').css('display')
- jquery attr(“xxx“,“mmm“)修改标签属性的值
jquery attr("xxx","mmm")修改标签属性的值 详细讲解
最新文章
- 文本特征处理(n-garm表示方法、长度规范)
- C#中如何将将数据导出到word excel 中
- 路由器配置与管理完全手册(H3C篇)学习感想
- dedecms调用当前栏目的子栏目怎么操作
- 【Python】大数据存储技巧,快出csv文件10000倍!
- Defect Prevention - How to prevent defect in process!
- 牛客 - 汉诺塔(思维+dp)
- 南通大学计算机专业分数线2020,2020南通大学录取分数线_历年各专业分数线(2017-2019)_各省投档线_一品高考网...
- 台式计算机总是重启,台式电脑经常自动重启怎么修复
- 在RedHat下安装MPlayer
- TCP的几个状态对于我们分析所起的作用SYN, FIN, ACK, PSH,
- 今日小程序推荐:戒烟必备-脱敏戒烟,从小程序开始!
- post接口请求测试,通俗易懂
- 小程序开发——比较好看的登录界面设计
- 计算机网络双绞线和交叉线的区别,交叉线-什么是交叉线、直通线和双绞线?各有什么区别 – 手机爱问...
- freertos和ucos的区别
- Android11 DHCP初识
- 常见六种热量高食物和饮料
- 深度学习环境配置_ubuntu18及以上
- php 支付宝证书 单笔转账到账户