jQuery对象和原生JavaScript对象不能混用的问题及其相互转化

欢迎来到Altaba的博客 2017年2月28日14:09:57

相信大家在使用jQuery时候会发现

jQuery实在是太方便了

封装了好多方便的方法提供调用

我们需要实现什么后台逻辑或者判断的时候

直接拿来就用，真是懒人的必备啊

但是用多了你会发现

你在用jQuery选中的对象去调用JavaScript原生的方法时候会报错

用JavaScript选中的DOM对象也是调用不了jQuery的方法，即使是引用进了jQuery框架

这是为什么呢？

你可以这样想 ：

jq获取dom是通过

$()

方法，这是jq封装好了的。但是你通过 creatElement的方法获取的dom元素，明显跟

$()

获取到了的dom元素不是同一个，jq里面提供的方法是给 $()对象提供的，而原始的JavaScript获取的元素里面是没有那些方法的，所以压根就是两个对象，怎么能互相调用。

jquery的所有方法都在jquery对象上，当然不能被dom对象调用。

jQuery暴露出来的只有静态方法与实例方法，不可能访问闭包内部的其他东西

不过通过转化两者还是可以使用的:

例如：

var $cr=$("#cr");//jq对象
var cr=$cr.get(0);//jq对象转化成了dom对象
var cr=documnet.getElementById("cr");//dom对象
var $cr=$(cr); //dom对象转化成了jq对象

方法：

1、jQuery对象转化成dom对象：

两种转换方式将一个jQuery对象转换成DOM对象：[index]和jQuery自带的.get(index)会返回一个dom对象;

2、dom对象转化为jQuery对象：

只需要用

$()

把DOM对象包装起来，就可以获得一个jQuery对象了。

$(DOM对象)

实现请参阅csdn上“梅花香自苦寒来”大神的一份博客：jQuery和js对象的相互转化

链接：http://blog.csdn.net/avenccssddnn/article/details/8566131