JQuery对象与JS对象区别与转换
1、JQuery对象在操作时，更加方便
2、JQuery对象和js对象方法不通用
3、两者相互转换
* jq -- > js：jq对象[索引] 或者 jq对象.ge(索引)
* js -- > jq：$(js对象)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>jquery和js对象的转换</title>
<script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<div id="div1">div1.....</div>
<div id="div2">div2.....</div>
<script>
//1.通过js方式来获取名称叫div的所有html元素对象
var divs = document.getElementsByTagName("div");
alert(divs.length); //可以将其当作数组来使用
//对divs中所有的div 让标签体内容变为"aaa"
for( var i = 0; i < divs.length; i++ ){
// divs[i].innerHTML = "aaa";
$(divs[i]).html("ccc"); //js --> jq
}
//2、通过jq方式来获取名称叫div的所有html元素对象
var $divs = $("div");
alert($divs.length); //也可以当作数组来使用
//对divs中所有的div 让标签体内容变为"bbb",使用jq方式
// $divs.html("bbb");
$divs[0].innerHTML = "ddd"; //jq对象（索引）
$divs.get(1).innerHTML = "eee"; //jq对象.get(索引)
/*
1、jq对象在操作时，更加方便
2、jq对象和js对象方法不通用的
3、两者相互转换
* jq --> js: jq对象（索引）或者 jq对象.get(索引)
* js --> jq: $(js对象)
*/
</script>
</body>
</html>