1. Javascript DOM 对象转成 JQuery 对象
对于已经是一个DOM对象,只需要用 ()把DOM对象包装起来,就可以获得一个JQuery对象: (DOM 对象)。
var testDom = document.getElementById("testId"); //DOM对象
var dom = $(testDom ); //jQuery 对象
转换后,就可以任意使用 JQuery 的方法。
2. JQuery 对象转成 DOM 对象
两种转换方式讲一个 JQuery 对象转换成 DOM 对象: [index] 和 .get(index);
- JQuery 对象是一个数据对象,可以通过 [index] 的方法,来得到相应的 DOM 对象
var testDom = $("#testId"); //jQuery 对象
var dom = testDom [0]; //DOM 对象
alert(dom.checked); //检测这个checkbox是否被选中
- JQuery 本身提供,通过.get(index) 方法得到相应的 DOM 对象
var testDom = $("#testId"); //jQuery 对象
var dom = testDom.get[0]; //DOM 对象
alert(dom.checked); //检测这个checkbox是否被选中
通过以上方法,可以任意的相互转换 JQuery 对象和 Javascript DOM 对象,需要再强调的是: DOM 对象才能使用DOM 中的方法,JQuery 对象是不可以使用DOM中的方法。