jquery对象和dom对象如何相互转换的（jquery对象与dom对象之间的转换方法）

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>

jquery对象和dom对象如何相互转换的（jquery对象与dom对象之间的转换方法）

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

判断元素的注意

相关推荐

综合性能最好的八款手机品牌（哪款手机综合性能最好用）

修改远程桌面端口号后无法远程登录（修改远程桌面登陆端口的方法）

腾讯视频播放器截图快捷键（腾讯视频播放器如何截图保存）

图片批量改尺寸软件有哪些（批量改图片尺寸的软件哪个好）

笔记本电脑塑料和金属区别（笔记本电脑塑料和金属优缺点对比）

呼叫转移怎么设置方法（呼叫转移怎么设置到另一个手机）

发表评论