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对象就是用$()函数制造出来的