本文主要讲述jquery对象和js里的dom对象之间互相转换的方法,使jquery对象可以直接使用js里的方法,或js里的dom对象使用jquery里的方法。
jquery对象和dom对象是不一样的,什么是jquery对象?什么是dom对象?我们举个例子来说:
1 2 |
|
jquery对象和dom对象是不一样的,对象的一些方法也是不一样的,比如我们要获取一个标签的html内容:
1 2 |
|
有时我们在特定的情况下,需要把jquery对象转换成dom对象,或者把dom对象转换成jquery对象,两种对象之间互相转换的方法:
dom对象转换为jquery对象:
一般情况下,dom对象直接用$()就可以转换成jquery对象,如:
1 |
|
jquery对象转换成dom对象,有两种方法,一种是用jquery的内置函数get,来获取dom对象,如:
1 |
|
还有一种方法更简单,因为jquery对象的属性是一个集合,所以我们可以像数组那样,取出其中一项就行:
1 2 3 |
|
jquery对象和dom对象之间的互相转换就是上面这几种方法,总结一下我们经常会用到的一些写法,下面的这些写法都是正确的:
$("#aijquery").html(); $("#aijquery")[0].innerHTML; $("#aijquery").eq(0)[0].innerHTML; $("#aijquery").get(0).innerHTML; $("#aijquery").eq(2).html(); $("#aijquery").get(2).innerHTML;