jQuery是JS库，兼容CSS3还兼容各种浏览器。jQuery使用户能更方便地处理documents、events、实现动画效果，并且方便地为网站提供Ajax交互。

jQuery能做什么？

（1）方便快捷获取DOM元素　

$('div').find('p');

（2）动态修改页面样式

$('ul li').addClass('active');

（3）动态改变DOM内容

$('#container').append('more')

（4）响应用户的交互操作

$('button.show-details').click(function() {    $('div.details').show(); });

（5）为页面添加动态效果

　　jQuery中内置的一批淡入、擦除之类的效果

$("#btnShow").click(function () {          $("#msubject").hide("slow"); });

（6）统一Ajax操作

 

如何把jQuery对象转成DOM对象？

<div>元素一</div>

<div>元素二</div>

<div>元素三</div>

 

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

var div = $div[0] //转化成DOM对象

div.style.color = 'red' //操作dom对象的属性

用jQuery找到所有的div元素（3个），因为jQuery对象也是一个数组结构，可以通过数组下标索引找到第一个div元素，通过返回的div对象，调用它的style属性修改第一个div元素的颜色。

 

jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点，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'); //给第一个元素设置颜色

通过getElementsByTagName获取到所有div节点的元素，结果是一个dom合集对象，不过这个对象是一个数组合集(3个div元素)。通过$(div)方法转化成jQuery对象，通过调用jQuery对象中的first与css方法查找第一个元素并且改变其颜色。