JQuery dom对象与jquery对象相互转换 小案例

案例：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>dom对象与jquery对象相互转换</title>

<script src="../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">

$(function(){

var d=document.getElementById('d');

// d.innerText='dddd';

// var d=$("#d");

//原生dom对象（js对象）转换jquery对象:$(原生对象)

$(d).html('fsdfsdfsdsd');

var e=$("#e");

//jquery对象转原生对象:1.$(...)[0] 2.$(...).get(0)

// e[0].innerText='sdsdsds';

e.get(0).innerText='sdsssdsd';

})

</script>

</head>

<body>

<div id="d">

</div>

<div id="e">

</div>

</body>

</html>