Copyright © 2002-2027 web-phoenix.net 【凤凰网络】 版权所有 All Rights Reserved.
【凤凰网络】提供优质的云南网站建设一条龙全包服务,从网站制作到云南百度竞价推广,以及昆明百度竞价托管代运营全套服务,看得见的效果!
【凤凰网络】提供优质的云南网站建设一条龙全包服务,从网站制作到云南百度竞价推广,以及昆明百度竞价托管代运营全套服务,看得见的效果!
当前位置: 网站首页 > 网站建设教程 >
十五天快速学会JQuery对象与DOM对象的区别和转换（第七天）
实验文档
<!DOCTYPE html>
<html>
<head>
<title>JQuery对象与DOM对象</title>
</head>
<body>
<div>标题</div>
<div>内容</div>
</body>
</html>
对象的区别
JQuery对象与DOM对象 是新手同学经常搞混的一个问题，我们很有必要把它们弄清楚。
$('div') // [Object Object] | JQuery 对象
$('div')[0] // [object HTMLDivElement] | DOM 对象
document.getElementsByTagName('div')[0] // [object HTMLDivElement] | DOM 对象
/*
两者的区别
JQuery 的对象才可以使用 JQuery 的方法，也就是 “连缀” 的特性 $('div').find().css()...
而 DOM 对象只能使用 DOM 的方法 $('div')[0].parentElement
*/
对象的转换
把 DOM对象转换成 JQuery对象。
$($(div)[0]) // 在套一个 $() | [Object Object]
【十五天快速学会JQuery对象与DOM对象的区别和转换（第七天）热度：180】 【更多网站建设教程】