以前一直认为jquery中的$(“#id”)和JS中的document.getElementById(“id”)得到的效果是一样的,直到今天将JS用jQuery改写时才发现并不是这么一回事,通过测试得到:
- alert($(“#div”))得到的是[object Object]
- alert(document.getElementById(“div”))得到的是[object HTMLDivElement]
- alert($(“#div”)[0])或者alert($(“#div”).get(0))得到的是[object HTMLDivElement]
原因解读:
document.getElementById()返回的是DOM对象,而$()返回的是jQuery对象
jQuery对象转成DOM对象:
两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index);
DOM对象转成jQuery对象:
只需要用$()把DOM对象包装起来,就可获得一个jQuery对象:$(DOM对象)