jQuery



jQuery是一款免费且开放源代码的JavaScript代码库，引入了全新的DOM选择器引擎，同时提供UI库组件。

jQuery优点：
 轻量级
 强大的DOM选择器，简化JavaScript和ajax开发
 解决不同浏览器兼容问题
 提供UI库组件，让页面开发更方便

jQuery对象和dom对象互换
dom转为jQuery：
 var obj = document.getElementById("divl"); 
 dom对象转化为jQuery:
 var jq = $(obj);
 alert(jq.html());

jquery转为dom：
 var jq = $("#divl");
 var obj = $(jq)[0];
 alert(obj.innerHTML);

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

按标记名称查找元素
dom: var div1 = document.getElementById("div1");
 div1.getElementByTagName("label");

jquery: ①var msg = $("#div1 label");
 ②var msg = $("#div1").find("label");

取得数据第几个元素，返回dom对象：
 alert($("#div1 label")[1].innerHTML);
数组长度：
 alert($("#div1 label").size());
遍历数组：
 $("#div1 label").each(function(index,data){
 index为循环变量，data为数组中的dom元素
  //得到原始dom对象
  alert(this.innerHTML);
 })

jquery元素设置
设置、获得标签中的内容（相当于innerHTML）
 $("#div1").html("<p>aaa<p>");//设置内容
 alert($("#div1").html());//获得内容

设置、获得value值
 $("#userName").val("张三");//设置value值
 alert($("#userName").val());//获得value值

显示、隐藏元素
 $("p").show("slow");//附加动画，显示元素
 $("p").hide("slow");//附加动画，隐藏元素

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

单选框和复选框判断是否选中：checked
列表框和下拉框判断是否选中：selected