<!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>
转载于:https://www.cnblogs.com/newcityboy/p/11520188.html
