jquery对象和js对象区别和转换

作者: jiukeshuju 分类: JQUERY 发布时间: 2020-01-20 20:52

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>

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注