初识JQuery

http://jquery.com/  JQuery是一个优秀的JavaScript库。

http://plugins.jquery.com/    Jquery插件下载

JQuery强调write less,do more 写的少，做的多

程序中$符号就是JQuery的简写

$(document).ready(function(){

//...

});

可以简化为

$(function(){

//...

});

分清楚JQuery对象和DOM对象

1）DOM对象——Document Obect Model文档对象模型，每一份DOM都能表示成一棵树。

     可以使用JavaScript的getElementsByTagName或者getElementById来获取元素节点。即DOM对象。eg:

     var domObj = document.getElementById("id");

     var domHTML = domObj.innerHTML

2）JQuery对象——通过JQuery包装DOM对象后产生的对象，此时可以使用JQuery里面的方法。PS：JQuery对象无法使用DOM对象的任何方法。eg:

      $("#id").html(); //获得id元素的html代码

通常约定如果获取的对象是JQuery对象，那么在变量前面加$,定义如下：

var $variable = JQuery对象

var variable = DOM对象

JQuery对象和DOM对象的转换

JQuery——>DOM，通过[index]或者get(index)方法，eg:

var $cr = $("$cr");  //jquery对象

var dom1 = $cr[0];  //dom对象

var dom2 = $cr.get(0);   //dom对象

DOM——>JQuery对象，只需要用$()将DOM封装起来就行，eg:

var cr = document.getElementById("cr");

var $cr = $(cr);

平时用到的JQuery对象就是用$()函数制造出来的