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>
