jquery判断元素是否可见

代码如下

第一种方法:

//元素.is(‘:hidden‘) 判断该元素是否可见
if($(‘#d‘).is(‘:visible‘)){
    alert("可见!");
}
else{
    alert("不可见");
}

第二种方法:

//元素.is(‘:hidden‘) 判断该元素是否隐藏
if($(‘#d‘).is(‘:hidden‘)){
    alert("已经隐藏!");
}
else{
    alert("未被隐藏!");
}

第三种方法:

//jquery中css方法调用
if($(‘#id‘).css(‘display‘)==‘none‘){
    alert("未显示!");
}
else{
    alert("显示!");
} 

参考博客:http://www.jb51.net/article/49760.htm

 

时间: 2024-10-15 04:18:25

jquery判断元素是否可见的相关文章

jquery判断元素是否隐藏的多种方法

第一种:使用CSS属性 复制代码 代码如下: var display =$('#id').css('display'); if(display == 'none'){    alert("被你发现了,我是隐藏的啦!"); } 第二种:使用jquery内置选择器 假设我们页面有这么个标签, 复制代码 代码如下: <div id="test">< p>仅仅是测试所用</p>< /div> 那么,我们可以用以下语句来判断id

jQuery判断元素是否存在方法

1.使用javascript判断元素是否存在 if(document.getElementById('div')) { } else { } 2.使用jquery判断元素是否存在 if ($("#div").length > 0){     // 找到对应id=div的元素,然后执行此块代码 }

JQuery判断元素是否存在

JQuery判断元素是否存在的原理与javascript略有不同,因为$选择器选择的元素无论是否存在都不会返回null或undefined,要使用JQuery判断元素是否存在,只能使用length属性,就像下面这样: if($("#element").length>0){ alert("element is exist."); }else{ alert("element not be found"); } 参考:jQuery 判断页面元素是

jQuery判断元素是否显示与隐藏

jQuery判断一个元素是显示还是隐藏,jQuery使用is()方法来判断一个元素是否显示,反之则为隐藏 核心代码 if($("#username").is(":hidden")){ } 实例代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>test.html</ti

jQuery 判断元素上是否绑定了事件

我研究了一下之后发现,jQuery都将事件缓存起来了,其实也是为了防止内存溢出以及页面unload的时候的速度,也包括多函数触发,方便管理等诸多好处,具体可以参考此文. jQuery会在window.unload的时候卸载所有绑定过的事件,释放内存的. OK,言归正传.判断元素上是否绑定过事件用如下语句 jQuery.data(elem,"events")[type] //老版本也能用 $(elem).data("events")[type] //1.2.3以后才能

jQuery判断元素是否是隐藏的代码

if($("#elem_id").is(":hidden")) { } 实例代码1: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document

jquery判断元素是否出现在可视区

在我们的日常开发中,经常会遇到当元素出现在可视区的时候需要去出发某一事件的情况.我最近在优化环球网首页的时候,将非可视区的代码全部放入到webComponent中.打算当这个元素出现在可视区的时候去加载对应的shadowRoot. 那么,言归正传,对于我这个前端小白,还是好先搞定如何判断元素出现在可视区啊! jquery实现起来比较简单,先解释下几个东东 offset().top和offsetTop:offsetTop:元素border外侧到offsetParent()的偏移量.(offsetP

jQuery判断元素是否隐藏

$(function() { $feedingRecord=$("#feedingRecord"); $feedingRecordDetail=$("#feedingRecordDetail"); $feedingRecord.click(function(){ if($feedingRecordDetail.is(":visible")==false){ alert(hide); }else{ alert(show); } }); }); 以上

jquery判断元素是否可见隐藏

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title>蚂蚁部落</title> <style type="text/css"> #antzone{ wi