这篇文章主要介绍“jQuery对象与DOM对象怎么用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“jQuery对象与DOM对象怎么用”文章能帮助大家解决问题。
DOM对象：使用JavaScript中的方法获取页面中的元素返回的对象就是DOM对象。
jQuery对象：jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。
jQuery对象其实就是DOM对象的包装集（包装了DOM对象的集合（伪数组））
DOM对象与jQuery对象的方法不能混用。
js对象对象不能调用jq对象的方法
jq对象与js对象的联系（jq对象其实就是js对象的一个集合，伪数组，里面存放了一大堆的js对象）（宏观上）
jquery对象能不能调用DOM对象的方法
DOM无法调用jQuery对象的方法：为什么：因为是两个不同对象
DOM对象调用jQuery对象的方法。需要把DOM对象转换成jQuery对象。
DOM对象转换成jQuery对象：【联想记忆：花钱$】
var $obj = $(domObj);// $(document).ready(function(){});就是典型的DOM对象转jQuery对象jQuery对象转换成DOM对象：
var $li = $(“li”);//第一种方法（推荐使用）$li[0]//第二种方法$li.get(0)
案例：
<!DOCTYPE html><html lang="zh-CN"><head>
<meta charset="UTF-8">
<title>Title</title>
</head><body><ul>
<li id="cloth">衣服</li>
<li>裤子</li>
<li>裤衩子</li>
<li>袜子</li></ul><script src="jquery-1.12.4.js"></script><script>
$(function () {//1. 什么是DOM对象(js对象):使用js的方式获取到的元素就是js对象（DOM对象）//var cloth = document.getElementById("cloth");//cloth.style.backgroundColor = "pink";//2. 什么是jq对象：使用jq的方式获取到的元素就是jq对象//var $li = $("li");//console.log($li);//$li.text("我改了内容");
//3. jq对象与js对象的区别//js对象对象不能调用jq对象的方法//var cloth = document.getElementById("cloth");//cloth.text("呵呵");//4. jq对象与js对象的联系（jq对象其实就是js对象的一个集合，伪数组，里面存放了一大堆的js对象）（宏观上）
//jquery对象能不能调用DOM对象的方法//var $li = $("li");//$li[0].setAttribute("name","hehe");//DOM无法调用jQuery对象的方法：为什么：因为是两个不同对象//DOM对象调用jQuery对象的方法。需要把DOM对象转换成jQuery对象。var cloth = document.getElementById("cloth");//DOM对象就变成jQuery对象//$(cloth).text("呵呵");//jQuery对象怎么转换成DOM对象（取出来）var $li = $("li");$li[1].style.backgroundColor = "red";$li.get(2).style.backgroundColor = "yellow";
//1. 什么是DOM对象：用js的方式获取到的对象时DOM对象//2. jQuery对象：用jq的方式获取到的对象时jq对象//3. 区别与联系//4. 区别:js对象与jq对象的方法不能混着用//5. 联系： // DOM--> jQuery $() // jQuery--》 DOM $li[0] $li.get(0)
});
</script></body></html>jQuery里面放了Dom对象，把jQuery比作一个伪数组，就是没有数组的方法，但是有自己的方法（jQuery的方法）
关于“jQuery对象与DOM对象怎么用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
