记得刚开始写前端代码的时候,傻呵呵的以为要是用js与jquery架构是隔离的,要是用其中的一种架构,就不能掺和另一种,现在想想,以前好小白啊,代码肯定是要越方便越好啊。
今天就讲讲jquery与dom随时转化的问题。
在DOM树中获取到的元素节点就称为DOM对象。DOM对象可以使用JS中的方法。
jquery对象是通过Jquery包装DOM对象所产生的对象。可以使用JQuery中的方法。
什么对象使用什么方法,他们使用的方法是不同的。
var $variable = JQuery对象;
var variable = DOM对象;
1.JQuery提供了两种方法将JQuery转化为DOM对象,即【index】和get[index].
例:
var $cr = $("#cr"); //JQuery对象
var cr = $cr[0]; //DOM对象
var cr1 = $cr.get(0);//DOM对象
2.DOM对象转化为Jquery对象
对于DOM对象,只需要用$()将DOM对象包装起来就可以得到JQuery对象了;
如:
var cr = document.getElementById("cr"); //DOM对象
var $cr = $(cr); //JQuery对象
附:我们平时所用到的jQuery对象其实都是用$()函数构造出来的,嘻嘻,这个函数其实就是Jquery对象的制造工厂。