jQuery

DOM对象和jQuery对象是不同的
普通处理，通过标准JavaScript处理：

var p = document.getElementById('imooc');
p.innerHTML = '您好！通过慕课网学习jQuery才是最佳的途径';
p.style.color = 'red';

通过原生DOM模型提供的document.getElementById(“imooc”) 方法获取的DOM元素就是一个DOM对象，再通过innerHTML与style属性处理文本与颜色。

jQuery的处理：

var $p =$(‘#imooc’);
$p.html(‘您好！通过慕课网学习jQuery才是最佳的途径’).css(‘color’,’red’);

---

将DOM对象转化成jQuery对象

var div = 
    document.getElementsByTagName('div'); //dom对象
 //将dom节点div转化为$div的jquery对象
    $div = $('div');
    var $first = $div.first(); //找到第一个div元素
    $first.css('color', 'red'); //给第一个元素设置颜色

---

jQuery对象转化成DOM对象
HTML代码

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

JavaScript代码

var $div = $('div') //jQuery对象
var div = $div[0] //转化成DOM对象
div.style.color = 'red' //操作dom对象的属性

---