jquery对象与js对象转换_js变量转jquery-优快云博客

jQuery对象是在dom对象上封装了一层，提供了更多更便捷的方法

说说我在使用过程中的例子
1、一般情况下都用jQuery对象，毕竟方便，API也熟练一点，dom转jquery只需要加个$就好了，比如：
JavaScript code

var a = document.getElementById("a");
var $a = $(a);

2、判断页面是否存在某元素时，jQuery对象转成dom对象，比如：
JavaScript code

if($("#id")[0]){
     //存在时执行的方法
}

jquery包装集：通过${exp}筛选出的一组满足表达式的元素。也就是jquery对象，是一组元素（数组），不管它含有几个元素。

$("#btn");  //这就是一个jquery包装集

虽然是以id的形式获取的一个包装集，它里面只有一个元素，但它也是一个集合。

常用方法：
1、获取包装集中的元素个数：size() 或 length
2、获取包装集中的元素：get(index) 注意这时会转换成js对象，不能使用jquery的方法了。
3、某个元素在包装集中的位置：index(element)

jquery对象转成js对象：

var tb = $("#div1");
var t1= tb.get(0);  // jquery提供的方法转换成DOM对象
var t2 = tb[0];      //使用数组下标的方式转成DOM对象

js对象（DOM对象）转jquery对象：其实也比较简单，就是用jQuery的符号$()把元素包装起来就可以了，代码如下：

var dom=document.getElementById(‘btn’);
var btnquery=$(dom);