jquery判断元素是否隐藏的多种方法
发布时间：2020-12-14 22:29:45 所属栏目：资源 来源：网络整理
导读：第一种：使用CSS属性 复制代码 代码如下: var display =$('#id').css('display'); if(display == 'none'){ alert("被你发现了，我是隐藏的啦！"); } 第二种：使用jquery内置选择器 假设我们页面有这么个标签, 复制代码 代码如下: div id="test" p仅仅是测试
|
第一种：使用CSS属性 复制代码 代码如下: var display =$('#id').css('display'); if(display == 'none'){ alert("被你发现了，我是隐藏的啦！"); } 第二种：使用jquery内置选择器 假设我们页面有这么个标签, 复制代码 代码如下: <div id="test"> <p>仅仅是测试所用</p> </div> 那么,我们可以用以下语句来判断id为"test"的标签是否隐藏: 复制代码 代码如下: if($("#test").is(":hidden")){...} //前提是已经将jQuery的库导进来了 这样,我们就能够很简单地判断一个元素是否隐藏,并根据其状态来设置动画,比如: 复制代码 代码如下: if($("#test").is(":hidden")){ $("#test").show(); //如果元素为隐藏,则将它显现 }else{ $("#test").hide(); //如果元素为显现,则将其隐藏 } jQuery判断元素是否显示 是否隐藏 复制代码 代码如下: 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(); } jQuery判断对象是否显示或隐藏 Js代码 复制代码 代码如下: // jQuery("#tanchuBg").css("display") // jQuery("#tanchuBg").is(":visible") // jQuery("#tanchuBg").is(":hidden") Js代码 复制代码 代码如下: $(element).is(":visible") // Checks for display:[none|block],ignores visible:[true|false] Js代码 复制代码 代码如下: $('element:hidden') $('element:visible') Js代码 复制代码 代码如下: $(".item").each(function() { if ($(this).css("visibility") == "hidden") { // handle non visible state } else { // handle visible state } }) Js代码 复制代码 代码如下: ar isVisible = $('#myDiv').is(':visible'); var isHidden = $('#myDiv').is(':hidden'); Js代码 复制代码 代码如下: if( $(this).css("display") == 'none' ){ /* your code here*/ } else{ /* alternate logic */ } （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |