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

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

譬如HTML代码：

. 代码如下:

<p class='myp'></p>

 

通常我们的做法是

. 代码如下:

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

 

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

. 代码如下:

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

 

 

使用传统javascript方法，如下：

. 代码如下:

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

 

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

. 代码如下:

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

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

. 代码如下:

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

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