JQuery对象和JS对象区别转换
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.3.1.min.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";
}
//2、通过jquery来获取名称叫div的所有html元素对象
var $divs = $("div");
alert($divs.length)
//对divs中所有的div让其标签体内容变为“bbb”,使用jquery方式
$divs.html("bbb");
</script>
</body>
</html>
1、JQuery对象在操作时，更加方便。
2、JQuery对象和js对象方法不通用
3、两者相互转换
jquery——>js：jquery对象[索引]或者jquery对象.get(索引)
js——>jquey：$(js对象)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.3.1.min.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("cccc");
}
//2、通过jquery来获取名称叫div的所有html元素对象
var $divs = $("div");
alert($divs.length)
//对divs中所有的div让其标签体内容变为“bbb”,使用jquery方式
$divs.html("bbb");
$divs[0].innerHTML = "ddd";
$divs[1].innerHTML = "eee";
</script>
</body>
</html>
标签：JQuery,jquery,对象,JS,html,div,divs From： https://www.cnblogs.com/xjw12345/p/16600895.html