网站首页JavaScript
jQuery对象和DOM对象互相转换

<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>jQuery对象和DOM对象互相转换</title>
</head>
<body>
<div id="demo"></div>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
var dom1 = document.getElementById('demo'); // 获取DOM对象
dom1.innerHTML = '俺叫张三';

//========== DOM对象转jQuery对象 ==========//
var jq = $(dom1);
jq.append('，今年18岁');

//========== jQuery对象转DOM对象 ==========//
var dom2 = jq.get(0);
dom2.innerHTML += '，职业是PHP程序猿。';

// 页面最终显示内容：俺叫张三，今年18岁，职业是PHP程序猿。
</script>
</body>
</html>