jquery判断元素是否隐藏?


jquery判断元素是否隐藏?

1、首先获取需要判断的元素

var node = $('#id');

2、然后使用jquery的is()方法进行判断:(相关课程推荐:jQuery教程

一、使用is结合伪类:hidden进行判断

if(node.is(':hidden')){  //如果node是隐藏的则显示node元素,否则隐藏
  node.show(); 
}else{
  node.hide();
}

二、使用is结合伪类:visible进行判断

if(node.is(':visible')){  //如果node是显示的则隐藏node元素,否则显示
  node.hide();
}else{
  node.show();
}

下面,再介绍下原生js来判断元素是否隐藏的方式

var app = document.getElementById('#app');
var display = app.style.display;
var visibility = app.style.visibility;
if(display == 'none' || visibility == 'hidden'){
       alert('隐藏的')
}
Image placeholder
前端答疑
未设置
  43人点赞

没有讨论,发表一下自己的看法吧

推荐文章
jquery如何判断元素是否存在?

jquery如何判断元素是否存在?jquery使用$(selector)方法查找dom元素,返回的是一个jquery对象,具有length属性。length即找到的dom元素个数,只需判断length

jquery如何判断元素是否在数组中?

要判断数组中是否包含某个元素,从原理来来说,就是遍历整个数组,然后判断是否相等。可以使用Jquery提供的方法:$.inArray("元素(字符串)",数组名称)进行判断,当存在该元素(字符串)时,返

jquery怎么判断元素是否存在?

使用JQuery想要判断元素是否存在,可以使用jQuery.length属性来实现。当DOM中存在特定元素时触发某个事件,那么就可以使用jQuery.length属性来确定元素是否存在。下面我们就结合

jquery怎么判断元素是第几个?

jquery怎么判断元素是第几个?假设有下面这样一段HTML代码: jQuery判断当前元素是第几个元素示例 jQuery获取第N个元素示例 jQuery选择器示例 如果我们点击任何一个li标签,想知

jquery如何判断元素内容是否为空?

jquery如何判断元素内容是否为空?下面提供了两种方法用于检查指定id的元素的内容是否为空,当然了,不仅仅适用于指定了id的元素,同样适用于其他元素,只需要改变选择器即可。一、使用html()方法获

jquery判断是否是数组元素?

jquery判断是否是数组元素?语法:$.inArray("元素字符串",数组名称);使用示例:(相关课程推荐:jQuery教程)如果arry数组里面存在"C#"这个字符串则返回该字符串的数组下标,否

jquery判断css文件是否存在?

jquery判断css文件是否存在?主要使用了ajax,通过请求css资源文件,根据http状态码来进行判断。状态码为200则存在,为404则不存在。检测 $("#btn").click(func

jquery判断checkbox是否被选中?

jquery判断checkbox是否被选中?一、is()方法进行判断$("input[type='checkbox']").is(':checked')返回true或false二、attr()方法进行

jquery判断是否包含某个属性?

jquery判断是否包含某个属性?在JQuery编码中,我们会判断元素是否存在某个属性,比如是否包含class="new"的样式呢。JQuery判断就非常简单了,因为有hasClass这个方法$("i

jQuery判断是否为数字?

jQuery判断是否为数字?在jquery里,我们可以用下面这些方法来判断变量是否是数字:1、$.isNumeric();jquery里内置的一个用来判断是否为数字的函数,用$.isNumeric()

jquery判断页面是否加载完成?

jquery判断页面是否加载完成?1、使用$(document).ready()$(document).ready(function(){ alert('dom加载完成'); });2、简写方式(推荐

jquery判断class是否存在?

jquery判断class是否存在?两种方法如下:●hasClass('classname')●is('.classname')例子:1、使用is('.classname')的方法$('div').i

jquery判断是否出现滚动条?

jquery判断是否出现滚动条?一、判断可视区域是否超过实际高度,超过一定存在if($(window).height()=document.body.clientHeight){ alert("页面无

jquery判断radio是否选中?

jquery判断radio是否选中?1、使用jquery先获取元素,再通过get()方法转为dom对象,最后读取checked属性即可。if($("#checkbox-id").get(0).chec

jQuery判断input是否被禁用

jQuery判断input是否被禁用判断input是否被禁用,可用的方法有:●is(":disabled")●prop("disabled")●attr("disabled") first secon

jquery判断是否是json

jquery判断是否是json思路:使用jquery的parseJSON,将字符串转为json对象,并用trycatch语句捕获错误,没有异常,则是json格式,否则不是。functionfun(st

jquery判断dom节点是否存在?

jquery判断dom节点是否存在?jQuery判断DOM节点是否存在页面中1、首先在jquery原型上添加一个exist方法;2、然后在方法内判断当前对象length属性是否大于0,大于就存在;3、

jquery判断文件是否存在

jquery判断文件是否存在js或jquery判断文件是否存在,需要用到ajax1、封装一个fileExists方法,接收url参数;2、使用$.ajax()方法发送请求,设置同步方式请求;3、返回请

jquery判断浏览器的内核

jquery判断浏览器的内核判断浏览器内核可以使用$.browser属性。$.browser属性在jQuery1.9已经被移除。用于返回用户当前使用的浏览器的相关信息。不建议使用该属性来检测浏览器,因

jquery如何显示和隐藏元素?

jquery如何显示和隐藏元素?JQ中显示隐藏元素有这几种方式show()、hide()、toggle()、slideDown(),以及使用css方法设置display属性。1、show()方法显示出

jquery如何获取隐藏元素的高度?

jquery如何获取隐藏元素的高度?jquery获取隐藏元素的高度可以直接使用height()方法。例如: #app{ width:100px; height:1000px; display:no

jquery验证元素内容是否为空?

使用jquery判断元素内容是否为空、获取元素内容需要分两个情况:input用val()使用val()方法获取元素内容,再通过if进行判断varvalue=$('#test').val();是否为空的

jquery和jquery ui的区别?

jquery和jqueryui的区别?区别有:1、jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。 2、jQueryUI则是在jQuery的基础上,利用jQuery的扩展性,

jquery如何判断是否是对象?

jquery如何判断是否是对象?jquery提供了isPlainObject方法来判断一个变量是否是对象类型,返回值为Boolean类型。例子:varobj={a:1}; vararr=[1,2];

jquery如何判断是否是数组?

jquery如何判断是否是数组?jquery提供了isArray方法来判断一个变量是否是数组类型,返回值为Boolean类型。例子:varobj={a:1}; vararr=[1,2]; varbo