jQuery判斷元素是否存在方法總結

在jquery中判斷元素是否存在我們可使用$("#div").length > 0)來判斷了，意思就是判斷元素長度了，如果沒有肯定是不存在的哦，下面我來介紹介紹。

使用傳統javascript方法，如下：

代碼如下	復制代碼
if(document.getElementById('div')) {    } else {          }

使用jQuery則比較簡單，只需判斷此元素的長度是否為0，如果為0則此元素不存在，

jquery選擇器獲取element 無論element是否存在都將返回一個對象

代碼如下	復制代碼
var my_element=$(“#myId”);

這里無論元素”myid”是否存在，my_element始終是一個object

使用下面的方法判斷”myid”元素是否存在

代碼如下：

代碼如下	復制代碼
if ($("#div").length > 0){     // 找到對應id=div的元素，然后執行此塊代碼 }

甚至能找到組合元素，如下，我們找一個id定義為div的元素里面是否包含img，代碼如下：

代碼如下	復制代碼
if ($("#div img").length > 0){     // 找到對應id=div並且包含img的元素，然后執行此塊代碼 }

例子

代碼如下	復制代碼
<div id="divBody">      <div id="divTest"><div> </div>

上邊是簡單的html代碼。

代碼如下	復制代碼
jQuery(document).ready(function() {      if (jQuery("#divTest").length > 0) {          jQuery("<img src='http://www.hzhuti.com' />").appendTo("#divTest");      }      else {          if (jQuery("#divBody").length) {              jQuery("#divBody").append("<img src='http://www.php100.com' />");          }      }  });

上邊的代碼展示了如何判斷對象是否存在。程序的思路是：如果存在divTest這個div對象，則將google的logo圖片置於ID為divTest的div中，否則將圖片置於divBody中。在本例中，由於存在對象divTest，所以程序的最終結果將圖片置於divTest中

附一些其它方法

第二種方法：

代碼如下	復制代碼
$(“#myId”).html(“abc”);

如果myid不存在上面的代碼也不會出錯，只是不進行任何操作；

代碼如下	復制代碼
var data=$(“#myId”).html();

如果myid不存在,data為null值

代碼如下	復制代碼
var data=$(“#myId”).val();

如果myid不存在,data為undefined