码迷,mamicode.com
首页 > Web开发 > 详细

jquery开发之jQuery对象和DOM对象的相互转换

时间:2015-06-12 14:53:08      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:jquery   dom对象   jquery对象   

如果获取的对象是jQuery对象,那么在变量前加上$,如下:

var $variable = jQuery 对象

如果获取的是DOM对象,定义如下:

var variable = DOM对象

1,jQuery对象转换成DOM对象
jQuery 提供了两种方法将一个jQuery对象转换为DOM对象,即[index] 和get(index)
(1) jQuery 对象是一个类似数组的对象,可以通过[index] 的方法得到相应的DOM对象。jQuery 代码如下:

var  $cr = $("#cr");  // jQuery对象
var cr = $cr[0];       //DOM对象

(2)另一种方法是jQuery 本身提供的,通过get(index)方法得到相应的DOM对象,jQuery代码如下:

var $cr =$("#cr");     //jQuery对象
var cr =$.get(0);      //DOM对象

2,DOM对象转换为jQuery对象
对于一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。 jQuery代码如下:

var cr = document.getElementById("cr");    //DOM对象
var $cr = $(cr);  //jQuery对象

jquery开发之jQuery对象和DOM对象的相互转换

标签:jquery   dom对象   jquery对象   

原文地址:http://blog.csdn.net/hanhailong18/article/details/46471199

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!