正文转发: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”); 都以漏洞非常多的。

        再说1个例子,正是this, 在写 jQuery 时日常如此写:
this.attr(“src”,”test.jpg”);可是就是失误,其实this
是DOM对象,而.attr(“src”,”test.jpg”) 是 jQuery
方法,所以出错了。要消除那些题材就要将 DOM对象转换到 jQuery 对象,例如
$(this).attr(“src”,”test.jpg”);

1. DOM 对象转成 jQuery 对象

对于曾经是1个 DOM 对象,只须求用 $() 把DOM对象包装起来,就能够取得3个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地图