$('form')[0]= fm
jquery --> Dom
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function () {
// 1 基本概念:
// DOM对象:通过DOM的方式获取的页面元素。
// jQuery对象:通过jQuery方式获取的页面元素。
// 2 DOM对象和jQuery对象的关系:
// 我们发现jQuery对象是伪数组形式,内部保存了DOM对象,
// 所以我们称jQuery对象是DOM对象的包装集。
var box = document.getElementById('box');
var $box = $('div');
// 通过观察我们看到jQuery对象是一个数组结构,但实际上是伪数组形式,js高级部分进行说明。
console.dir(box);
console.log($box);
// 3 功能区别:
// DOM对象只能使用DOM功能,jQuery对象只能使用jQuery功能。
// box.text('这是box');
// $box.innerHTML = '这是新内容';
// 4 转换方式:
// 4.1 转换为jQuery对象:将DOM对象传入到$()中
// $(box).text('这是新内容');
// 4.2 转换为DOM对象:
// - 按照索引取值(推荐)
// $box[0].innerHTML = '这是新内容2';
// - 使用get方法,传入索引值。
// $box.get(0).innerHTML = '这是新内容3';
});
</script>
</head>
<body>
<div id="box">这是box</div>
<div></div>
<div></div>
</body>
</html>