jQuery判断元素是否是隐藏实例

 　　jQuery跟可见性相关的选择其有两个

　　:hidden //是否隐藏

　　:visible //是否可见

　　至于这俩个的区别是什么就不用多说了吧。

　　使用方法

　　html

 代码如下  

<form id="formID">
<input id="inputID" type="text" style="display: none" />
</form>

　　判断元素是否隐藏或是可见需要用到.is()这个筛选方法。

　　jQuery 代码如下

 代码如下  

if( $("#inputID").is(":visible") ) {
 
}

　　如果是display这样我们可以如下判断

 代码如下  

if($("#elem_id").is(":hidden"))
{
}
时间： 2024-08-03 15:08:30

jQuery判断元素是否是隐藏实例的相关文章

jQuery判断元素是否是隐藏的代码_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

jQuery判断元素是否显示 是否隐藏的简单实现代码_jquery

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(':visib

jQuery判断元素上是否绑定了指定事件的方法

 这篇文章主要介绍了jQuery判断元素上是否绑定了指定事件的方法,涉及jQuery绑定事件的判断技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jQuery判断元素上是否绑定了指定事件的方法.分享给大家供大家参考.具体如下: 例如下面的代码可以判断id=testdiv的元素是否绑定的click事件,这个判断只针对jQuery绑定的事件有效,普通JS的事件绑定无效. ? 1 2 3 4 5 //jQuery event封装支持判断元素上是否绑定了事件,此方法只适用于jQu

jquery判断元素是否可见4个例子

使用is方法:is(':hidden')例如: $(document).ready(function(e) {     if($('#d').is(':hidden')){   alert("yes");  }else{   alert("no");  } }); <div style="width:100px;height:100px;background-color:#099" id="d"></div&

jQuery判断元素上是否绑定了指定事件的方法_jquery

本文实例讲述了jQuery判断元素上是否绑定了指定事件的方法.分享给大家供大家参考.具体如下: 例如下面的代码可以判断id=testdiv的元素是否绑定的click事件,这个判断只针对jQuery绑定的事件有效,普通JS的事件绑定无效. //jQuery event封装支持判断元素上是否绑定了事件,此方法只适用于jQuery绑定的事件 var $events = $("#testdiv").data("events"); if( $events &&

jquery判断元素的子元素是否存在的示例代码

 本篇文章主要是对jquery判断元素的子元素是否存在的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 jquery判断子元素是否存在      一.判断子元素是否存在    //一级子元素 if($("#specialId>img").length==0)      if ($( "#specialId:has(img)" ).length==0)           {       //-----没有img子标记-----      }

关于jQuery判断元素是否存在的问题示例探讨_jquery

是这样的,最近做jQuery训练时遇到jQuery判断元素是否存在时出现问题. 题目如下:请在"选择按钮3"后面,添加Id=rad4,处于选择状态的,之后文字为"选择按钮4"的HTML控件,只能添加一次(自由选择使用js原生或JQuery实现 function addradio() { if (!document.getElementById("rad4")) { var main = document.getElementById("

jQuery判断元素是否存在

  在jQuery中判断元素是否存在的代码: ? 1 2 3 4 5 if ($("#tiprow").length > 0) {     alert("表示元素存在");     }else{             alert("元素不存在");        } 如果元素不存在就在else后面执行. 如果在js中取得对象后要先判断对象是否存在,而在jQuery中不需要.因为如果对象不存在,jQuery会自动屏蔽掉对于不存在元素的操作.

jQuery判断元素是否存在的可靠方法_jquery

最简单的办法是判断元素匹配长度 譬如HTML代码: 复制代码 代码如下: <div class='mydiv'></div> 通常我们的做法是 复制代码 代码如下: if($('.mydiv').length>0) 比较可靠且不会出错的做法是: 复制代码 代码如下: if($('.mydiv').length && $('.mydiv').length>0)  return true;   使用传统javascript方法,如下: 复制代码 代码如下: