<!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>
js和jquery之間的轉換
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。