正文转载:http://jeiofw.blog.51cto.com/3319919/786506

jQuery 对象是通过 jQuery 包装DOM 对象后有的目标。jQuery 对象是 jQuery
独有的,其可使用 jQuery 里之法子,但是未可知下 DOM 的点子;例如:
$(“#img”).attr(“src”,”test.jpg”); 这里的 $(“#img”)就是 jQuery 对象。

       DOM对象就是是Javascript 固有之片对象操作。DOM
对象能够以Javascript 固有之艺术,但是不克下 jQuery
里的方式。例如:document.getElementById(“img”).src=\’#\'” ) 就是DOM
对象。

       $(“#img”).attr(“src”,”test.jpg”); 和
document.getElementById(“img”).src=\’#\'” 是等价的,是不错的,但是
$(“#img”).src=\’#\'” ;或者
document.getElementById(“img”).attr(“src”,”test.jpg”); 都是一无是处的。

        再说一个事例,就是this, 在写 jQuery 时常常如此描写:
this.attr(“src”,”test.jpg”);可是就是差,其实this
是DOM对象,而.attr(“src”,”test.jpg”) 是 jQuery
方法,所以出错了。要化解这题目即将以 DOM对象转换成 jQuery 对象,例如
$(this).attr(“src”,”test.jpg”);

1. DOM 对象转成 jQuery 对象

对曾经是一个 DOM 对象,只待用 $() 把DOM对象包装起来,就好获得一个
jQuery 对象了,$(DOM 对象)     注: var是概念变量

如: var v = document.getElementById(“v”);        //DOM对象

           var $v = $(v);        //jQuery 对象  

改换后,就可随便使用 jQuery 的法门。

2. jQuery 对象转成 DOM 对象

少数种植转移方式出口一个 jQuery 对象转换成 DOM 对象: [index] 和
.get(index);

(1) jQuery 对象是一个数额对象,可以通过 [index] 的办法,来抱相应的
DOM 对象。

   如: var $v = $(“#v”);          //jQuery 对象

            var v = $v[0];               //DOM 对象

            alert(v.checked);                 
//检测是checkbox是否受入选

   (2) jQuery 本身提供,通过.get(index) 方法取得相应的 DOM 对象

     如:var   $v = $(“#v”);           //jQuery 对象

             var v = $v.get(0);            //DOM对象 ( $v.get()[0]
也可以 )

             alert(v.checked);             //检测这 checkbox
是否受选中

透过以上措施,可以自由的互转换 jQuery 对象同 DOM
对象,需要再次强调的是: DOM 对象才能够应用DOM 中之方法,jQuery
对象是无得以采取DOM中的点子。   

相关文章

网站地图xml地图