您的位置:首页 > Web前端 > JQuery

jquery对象与js对象转换

2016-04-28 22:05 381 查看
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);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery dom javascript 对象