jQuery 对象和原生 DOM 对象区别及相互转换

2018-12-18  本文已影响0人  5吖

一、区别

假设获取header元素内的文本内容,其中text()是jQuery里的方法

$('.header').text()

等同于DOM对象实现

document.querySelector('.header').innerText

二、DOM对象转jQuery对象

把DOM对象包装起来【$(DOM对象)】,就可以获得一个jQuery对象了

var header = document.querySelector('.header')  //Dom 对象
$header = $(header) //jQuery对象

三、jQuery对象转DOM对象

jQuery对象是类数组对象,通过数组下标方式获取jQuery中的DOM对象

$p[0]   //选中了第一个dom对象

总结

可以任意的相互转换jQuery对象和DOM对象。
但,jQuery对象是jQuery独有的,只能使用jQuery里的方法,不能使用DOM的方法,反之一样
像类似下面的写法是不可以的,这样子会报错

$('.header').innerText
document.querySelector('.header').text()
上一篇 下一篇

猜你喜欢

热点阅读