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]

☞ 返回 publish : 10/23/2018, 2:18:18 PM / by: jmjc.tech

JQuery 教程 JQuery 入门 JQuery DOM JQuery 表单 JQuery Ajax JQuery 事件 JQuery 切换效果