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

最简单的办法是判断元素匹配长度

譬如HTML代码:

复制代码 代码如下:

<div class='mydiv'></div>

通常我们的做法是

复制代码 代码如下:

if($('.mydiv').length>0)

比较可靠且不会出错的做法是:

复制代码 代码如下:

if($('.mydiv').length && $('.mydiv').length>0)
  return true;

 

使用传统javascript方法,如下:

复制代码 代码如下:

if(document.getElementById('div')) {    
    // 找到到对应元素
} else {    
    // 没有找到找到到对应元素
}

使用jQuery则比较简单,只需判断此元素的长度是否为0,如果为0则此元素不存在,代码如下:

复制代码 代码如下:

if ($("#div").length > 0){
    // 找到对应id=div的元素,然后执行此块代码
}

甚至能找到组合元素,如下,我们找一个id定义为div的元素里面是否包含img,代码如下:

复制代码 代码如下:

if ($("#div img").length > 0){
    // 找到对应id=div并且包含img的元素,然后执行此块代码
}

是不是很简单,大家可以尝试使用一下

时间: 2024-12-10 01:55:29

jQuery判断元素是否存在的可靠方法_jquery的相关文章

JQuery为元素添加样式的实现方法_jquery

由于jquery支持css3,所有能很好的兼容很多浏览器,所以通过jquery来使用css样式比较好 为定义好的css样式可以调用元素的css方法添加样式 $("span").css("css属性名","属性值") 如  $("span").css("color","red") 将标签为span的字体都设为红色的 $("#id")  $("span"

JQuery1.8 判断元素是否绑定事件的方法_jquery

On previous versions, you could call it like for other data : obj.data('events'); In jQuery 1.8, this direct access was removed, so in recent versions you must call it like this : $._data(obj[0],"events") 大概的意思是版本可以使用obj.data('event'); JQuery1.8

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

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

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

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

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

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判断单选按钮radio是否选中的方法

  本文实例讲述了jquery判断单选按钮radio是否选中的方法.分享给大家供大家参考.具体如下: html代码如下: ? 1 2 3 <input type="radio" id="d1" name="ra" value="a" checked="checked" /> <input type="radio" id="d2" name="

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

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