JQ和JS对象转换

78 阅读 0 评论 52 点赞

我是靠谱客的博主娇气世界，最近开发中收集的这篇文章主要介绍JQ和JS对象转换，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

JQ和JS对象转换方法

在jq和js运用中我们时常会对这两个对象进行转换
今天说洗衣啊jq和js对象的转换方法
js转jq 直接用 $(" 填入 d o m 对象 ") ： j q 转 j s 直接用$ (“源对象”).get(0);
或者$(“源对象”)[0]


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="JQ/jquery-1.8.3.js"> </script>
<script type="text/javascript">
function write1(){
//1.JS的DOM操作
document.getElementById("span1").innerHTML="我是DOM写入的";
//DOM对象无法操作JQ对象里面属性和方法
var spanEle = document.getElementById("span1");
//将DOM对象转换成JQ对象
//$(spanEle).html("我是转JQ对象写入的");
}
$(function(){
$("#JQ").click(function(){
//$("#span1").html("我是JQ写入")
$("#span1")[0].innerHTML="我是转DOM对象写入的"
})
})
</script>
</head>
<body>
<span id="span1"> 哈哈哈哈</span>
<br />
<input type="button" value="JS写入" onclick="write1()"/>
<br />
<input type="button" id="JQ"
value="JQ写入"></input>
</body>
</html>