首页 > 代码库 > jQuery对象和DOM对象相互转换

jQuery对象和DOM对象相互转换

一、如何将jQuery对象转换成DOM对象?

1.根据jquery对象是一个数组结构的原理。
   

1 <div>元素一</div>2 <div>元素二</div>3 <div>元素三</div>
1 var $div = $("div");2 var div = $div[0];3 div.style.color = ‘red‘;//元素一显示的就成了红色

2.使用jquery中提供的get方法。

1 var $div = $("div");2 var div = $div.get(0);3 div.style.color = ‘red‘;

二、如何将DOM对象转换成jQuery对象?

 

1 var div = document.getElementsByTagName("div");2 var $div = $(div);3 var $first = $div.first();4 $first.css(‘color‘,‘red‘);

 

jQuery对象和DOM对象相互转换