jQuery对象和dom对象互转
- 作者：网页模板
- 类型：文章教程
- 点击次数：
- 发布时间：2014-06-11 11:28
1、jQuery对象转Dom对象：
(1)jQuery对象是一个数组对象，可以通过[index]方法得到相应的DOM对象：
2、dom对象转jQuery对象
对于一个DOM对象，只需要用$()把dom对象包装起来，就可以获得一个jQuery对象了。方式为$(dom对象)
(责任编辑：网页模板)
(1)jQuery对象是一个数组对象，可以通过[index]方法得到相应的DOM对象：
var $cr = $("#cr"); //jQuery对象
var cr = $cr[0]; //dom对象
alert(cr.checked); //检测这个checkbox是否被选中。
(2)另一种方法是jQuery本身提供的，通过get(index)方法得到相应的dom对象： var $cr = $("#cr"); //jquery对象
var cr = $cr.get(0); //dom对象
alert(cr.checked) //检测这个checkbox是否被选中。
注：为什么是数组：因为如果jQuery是class选择器或者html节点，就有可能是多个，索引是几，就返回第几个。2、dom对象转jQuery对象
对于一个DOM对象，只需要用$()把dom对象包装起来，就可以获得一个jQuery对象了。方式为$(dom对象)
var cr = document.getElementById("cr"); //dom对象
var $cr = $(cr); //jQuery对象。
jQuery.noConflict(); //当引入了出jQuery之外还有别的库，都用了$符，使用这句话就是jQuery放弃使用$的权限。这样可以定义一个符号替换$，就不会冲突，如下： jQuery.noConflict();
var $$ = jQuery;
$(function(){
alert($$("#box").width());
})
(责任编辑：网页模板)
- 本文标签：
- jQuery,对象,和,dom,互转,、,jQuery,对象,转,Dom,对,
