<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery对象和js对象之间的转换</title>
<script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
<script>
// 使用js方式来获取名称为div的所有html元素对象
var divs = document.getElementsByTagName("div");
alert(divs.length);
for(var i=0;i<divs.length;i++){
// divs[i].innerHTML="aaa";
$(divs[i]).html("cccccc");
}
// 通过jquery方式来获取名称为div的所有html元素对象
var $div = $("div");
alert($div.length);
// $div.html("bbbbb");
$div[0].innerHTML="dddddddd";
$div[1].innerHTML="eeeeeee"
/*
* 1、jquery对象在操作上比js简单
* 2、jquery对象和js对象方法不通用
* 3、两者可以相互转
* jq --->js: jq对象[索引] 或者 jq对象.get[索引]
* js----->jq: $(js对象)
* */
</script>
</body>
</html>
