jQuery对象与DOM对象及互相转化

<p id=‘’hello”></p>

普通处理，通过标准JavaScript处理：

var p = document.getElementById('hello');

p.innerHTML = '您好！';

p.style.color = 'red';

jQuery的处理：

var $p = $('#hello');

$p.html('您好！').css('color','red');

 

 

jQuery对象转化成DOM对象

1.利用数组下标的方式读取到jQuery中的DOM对象

<div>元素一</div>
<div>元素二</div>
<div>元素三</div>

var $div = $('div') //jQuery对象

var div = $div[0] //转化成DOM对象
div.style.color = 'red' //操作dom对象的属性
2.通过jQuery自带的get()方法

var $div = $('div') //jQuery对象
var div = $div.get(0) //通过get方法，转化成DOM对象
div.style.color = 'red' //操作dom对象的属性

DOM对象转化成jQuery对象

var div = document.getElementsByTagName('div'); //dom对象
var $div = $(div); //jQuery对象
var $first = $div.first(); //找到第一个div元素
$first.css('color', 'red'); //给第一个元素设置颜色