初步认识jQuery

什么是jQuery

1. jQuery是一个非常优秀的JavaScript库。
2. 更确切的说，jQuery是JavaScript框架，因为它定义了自己的语法。

jQuery的优秀特性：
（1）轻量级，压缩版jQuery只有30多K；
（2）出色的跨浏览器兼容性，不必考虑firefox、IE6、IE7、IE8、Safari、Opera等不同浏览器的兼容性问题；
（3）完善的Ajax应用，使Ajax变得简单；
（4）DOM操作简单化；
（5）丰富的插件支持，强大的易扩展性；
（6）一句话：Write Less，Do More。写的更少，但做的更多。

jQuery引入

方法1： <script src=“jquery.js”></script>
方法2： <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js”> </script> ”

jQuery对象的写法，区分大小写：第一个字母“j”为小写，
第二个字母“Q”为大写，后面的字母都为小写。

$(document).ready()文档就绪函数

$(document).ready(function(){
	//---- 这里添加jQuery代码 ----
});
可以简写为：
$(function(){
   //---- 这里添加jQuery代码 ----
});
$(document).ready()类似于JavaScript中的window.onload方法，但是$(document).ready()只需要确保文档的DOM结构加载完就可以执行了，而且还可以同时使用多个$(document).ready()。

jQuery对象与 dom对象的区别

JS Dom对象:
var aObj=document.getElementById(“link”) //通过js相关对象方法获取的对象

jQuery对象:
通过jQuery包装后产生的对象
如:
var $aObj=$(“#one”).html() //获取id名为one 的对象的html.
等同于:
var aObj=document.getElementById(“one”).innerHTML;

注：jquery对象中无法应用DOM 对象的任何方法，反之亦然

jQuery对象转换为dom对象

var $cr = $("#cr");
var cr = $cr[0];	或者 var cr = $cr.get(0)

dom对象转换为jQuery对象

对于一个DOM对象,只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了，方式为$(DOM对象)

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