JQuery中元素是否显示或者隐藏，有两种方式，主要通过获取元素节点的hidden和visible两个属性来进行判断，代码如下：
我们提供的服务有：网站设计、网站建设、微信公众号开发、网站优化、网站认证、双峰ssl等。为近1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的双峰网站制作公司
var
node=$('#id');
第一种写法
if(node.is(':hidden')){//如果node是隐藏的则显示node元素，否则隐藏
node.show();
}else{
node.hide();
}
第二种写法
if(!node.is(':visible')){//如果node是隐藏的则显示node元素，否则隐藏
node.show();
}else{
node.hide();
}
if(node.is(':visible')){//如果node是显示的则隐藏node元素，否则显示
node.hide();
}else{
node.show();
}
我就说常用的两种：
hide()与show()方法交换着用
如果想隐藏后不再显示的话，直接用：remove();
其它的，还有fadeOut();
toggle()方法使一个元素交替显示与隐藏
或者通过css(）方法设置隐藏所对应的样式
或者是通过addClass()与removeClass()影响显示与隐藏的样式。
.hide()
这个方法不接受任何参数。
.hide(
[duration
]
[,
complete
]
)
duration
(默认:
400)
类型:
Number
or
String
一个字符串或者数字决定动画将运行多久。
complete
类型:
Function()
在动画完成时执行的函数。
如果没有参数，.hide()方法是最简单的方法来隐藏一个元素：
$('.target').hide();
匹配的元素将被立即隐藏，没有动画。这大致相当于调用.css('display',
'none')，但display属性值保存在jQuery的数据缓存中，所以display可以方便以后可以恢复到其初始值。如果一个元素的display属性值为inline，那么隐藏再显示时，这个元素将再次显示inline。
jequery在点击一个按钮时使用jquery隐藏一个元素是jQuery提供了toggle()函数用于切换显示和隐藏：显示被隐藏的元素，隐藏已显示的元素，示例代码。
拓展资料：
html代码如下：其中有一个button和一个div
input type="button" value="button"/
div id="mydiv"/div2.
js代码如下：
$(function(){
$('input:button').click(function(){ $('div').fadeToggle() }
1、jquery.show()和jquery.hide()方法
语法：
$(selector).show(speed,callback);
$(selector).hide(speed,callback);
2、jquery.toggle()方法
语法：
$(selector).toggle(speed,callback);
3、带有淡入淡出效果的显示和隐藏
$(selector).fadeIn(speed,callback)
$(selector).fadeOut(speed,callback)
$(selector).fadeToggle(speed,callback)
$(selector).fadeTo(speed,opacity,callback)
4、带有滑动效果的显示和隐藏
$(selector).slideDown(speed,callback)
$(selector).slideUp(speed,callback)
$(selector).slideToggle(speed,callback)
注意：
可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。
可选的 callback 参数是滑动完成后所执行的函数名称。
