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)