教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery显示、隐藏div的方法举例

jquery显示、隐藏div的方法举例

发布时间:2015-12-07   编辑:jiaochengji.com
分享下jquery显示与隐藏div的几个小例子,学习下jquery显示div、jquery隐藏div的方法,有需要的朋友参考下。

例子:
 

复制代码 代码示例:
$("#top_notice").css("display", "block");//第1种方法 
//$("#top_notice").attr("style", "display:block;");//第2种方法 
//$("#top_notice").show();//第3种方法 

1,给元素换class,来实现隐藏div,前提是换的class样式定义好了隐藏属性
 

复制代码 代码示例:
$("#sendPhoneNum").attr("class", "n_input3"); 

2,给元素设置style属性
 

复制代码 代码示例:
$("#top_notice").attr("style", "display:block;"); 
 

3,通过jquery的css方法,设置div隐藏
 

复制代码 代码示例:
$("#sendPhoneNum").css("display", "none"); 

4,通过jquery的show()、hide()方法,设置div隐藏
 

复制代码 代码示例:
$("#textDiv").show();//显示div 
$("#imgDiv").hide();//隐藏div 

您可能感兴趣的文章:
jquery显示、隐藏div的方法举例
jquery控制css display属性(控制元素显示与隐藏)
jquery hide与show方法隐藏与显示标签
jquery中slideUp()方法与slideDown()方法
Jquery判断div是否为空以实现显示或隐藏的代码
jquery控制css的display属性(显示与隐藏)
jQuery的显示和隐藏方法与css隐藏的样式对比
jquery隐藏标签、显示标签的例子
jquery hide方法隐藏元素的例子
Jquery中显示隐藏的实现代码分析

关键词: 显示div  隐藏div   
[关闭]
~ ~