虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法;
所以就有,jquery 对象与dom 对象转换的需求。
1、jquery 对象 和 DOM 对象
dom对象通常就是我们用javascript 获取的对象,如下就是dom对象:
var domObj = document.getElementById("id"); //DOM对象
jquery对象是用jquery框架包装dom 对象而得到的,[color=red]只有jquery对象才能用jquery中的方法[/color],如下是jquery 对象:
var obj = $("#id"); //jQuery对象;
[quote]在jquery中利用:
$("#id")取出的是jquery对象,这是个集合对象,要想获得dom对象,可以用$("#id").get(i),其中i是jquery对象序列号,从0开始计算。
举例如下:
$("#input1")获取的不是dom对象,而是jquery对象。
而采用:var obj=document.getElementById(id); 获取的才是dom对象。
所以需要将jquery对象转化为dom对象,所以后面需要加上get()方法。参数名称就是jquery对象的序列号,从0开始计算。
或者是用
[color=red]$("[id=input1]") 可以直接获取dom对象[/color] [/quote]
2、jquery 对象 和 DOM 对象 转换
dom to jquery:
jquery to dom
注:以面向对象的思想来理解,jquery应该不难了!
[url=http://nuysoft.iteye.com/blog/1177451]好文共赏:jquery源码分析[/url]
所以就有,jquery 对象与dom 对象转换的需求。
1、jquery 对象 和 DOM 对象
dom对象通常就是我们用javascript 获取的对象,如下就是dom对象:
var domObj = document.getElementById("id"); //DOM对象
jquery对象是用jquery框架包装dom 对象而得到的,[color=red]只有jquery对象才能用jquery中的方法[/color],如下是jquery 对象:
var obj = $("#id"); //jQuery对象;
[quote]在jquery中利用:
$("#id")取出的是jquery对象,这是个集合对象,要想获得dom对象,可以用$("#id").get(i),其中i是jquery对象序列号,从0开始计算。
举例如下:
$("#input1")获取的不是dom对象,而是jquery对象。
而采用:var obj=document.getElementById(id); 获取的才是dom对象。
所以需要将jquery对象转化为dom对象,所以后面需要加上get()方法。参数名称就是jquery对象的序列号,从0开始计算。
或者是用
[color=red]$("[id=input1]") 可以直接获取dom对象[/color] [/quote]
2、jquery 对象 和 DOM 对象 转换
dom to jquery:
var domObj=document.getElementById("flag");//dom 对象
var $obj=$(domObj);//jquery 对象
jquery to dom
var $obj=$("#flag");//jquery 对象
var obj=$obj[0];//dom 对象 可写成: $obj.get(0)
注:以面向对象的思想来理解,jquery应该不难了!
[url=http://nuysoft.iteye.com/blog/1177451]好文共赏:jquery源码分析[/url]