1、jquery对象和Dom对象互相转换

// Dom对象
var domObj = document.getElementsByTagName("h3")[0]; 
var $jQueryObj = $(domObj);  //jQuery对象
alert("DOM对象："+domObj.innerHTML);
alert("jQuery对象："+$jQueryObj.html());

/**jquery对象和dom对象的相互转换**/
var $cr = $("#cr");  //jQuery对象
var cr = $cr.get(0); //DOM对象，获取 $cr[0]
$cr.click(function(){
    if($cr.is(":checked")){ //jQuery方式判断
        alert("感谢你的支持!你可以继续操作！");
    }       
    if(cr.checked){ //DOM方式判断
        alert("感谢你的支持!你可以继续操作!");
    }
})

判断元素的注意

<script type="text/javascript">
    if(document.getElementById("tt")){//需要判断，如果不判断，找不到ID为tt会报错
        document.getElementById("tt").style.color="red";
    }
    //用jQuery，无需判断$('#tt')是否存在
    $('#tt').css("color","red");
</script>

//需要注意的是，$(‘#tt’)获取的永远是对象，即使网页上没有此元素，也不会报错。
//所以判断应该根据获取到元素的长度来判断，代码如下：
<script type="text/javascript">
  if($('#tt').length > 0){
      // do something
  }
  // 或者转换为DOM对象来判断
  if($('#tt')[0]){
      // do something
  }
</script>