jquery基础知识

jquery概述：
jQuery是一款免费且开放源代码的JavaScript代码库，引入了全新的DOM选择器引擎，同时提供UI库组件
jQuery优点：
轻量级；
强大的DOM选择器，简化JavaScript和ajax开发，解决不同浏览器的兼容性问题，提供UI库组件，让界面开发更方便

jQuery对象：
很多函数返回值都是jQuery对象

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添加事件，全部是现代事件添加，一个事件可以绑定多个函数

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元素设置

1、设置、获得标签中的内容（相当于innerHMTL）

$(“#div1”).html(“

aaa

“);//设置内容

alert($(“#div1”).html());//获得内容

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

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

$(“p”).hide(“slow”);//附加动画，隐藏元素

jQuery取消事件

取消对象中的所有事件
$(“p”).unbind(); 取消对象中的所有点击事件$(“p”).unbind(‘click’);

取消对象中某一个点击事件
$(“p”).unbind(‘click’，fun);

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