jQuery

jQuery是一款免费开放源代码的JavaScript代码库；引入全新的DOM选择器引擎，同事提供UI库组件。
特点：轻量级；
强大的DOM选择器，简化JavaScript和ajax开发；
解决不同浏览器的兼容问题；
提供ui库组件，让界面开发更方便。
DOM对象转为jQuery对象互换：
var obj = document.getElementById("div1");
//DOM对象转化为jQuery对象
var jq = $(obj);
alert(jq.html());


jQuery对象转为DOM对象
var jq = $("#div1");
var obj = $(jq)[0];
alert(obj.innerHTML);


jQuery添加事件全部是现代事件添加，一个事件可以绑定多个函数。


jQuery按标记名称取值：
var msg = $("#div1 lable");
 var msg = $("#div1").find("lable");


DOM按标记名称取值：
var div1 = document.getElmentById("div1");
取得第几个元素，返回DOM对象
alert($("#div lable")[1].innerHTML);
数组长度：
alert($("#div lable").size());
$("#div lable").each(function(index,data){
index为循环变量，data为数组中dom元素
得到原始dom对象
alert(this.innerHTML)
})
设置，获得标签中的内容（相当于innerHTML）
$("#div1").html("<p>aaa</p>");设置内容
alert($(""#div1).html);获得内容
设置，获得value值
$("#userName").value("张三")；设置value值
alert($("userName").val());获得value值
显示。隐藏元素
$("p").show("slow");附加动画，显示元素
$("p").hide("slow");附加动画，隐藏元素


jQuery取消事件：
取消对象中的所有事件
$("p").unbind;
取消对象中的点击事件
$("p").unbind('click')
取消对象中的某一个单机事件
$("p").unbind('click',fun)