jQuery對象和DOM對象相互轉換

標籤：jquery   pre   name   jquer   bsp   原理   ffffff   元素   tag   

一、如何將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對象相互轉換