javascript语法对象等jquery笔记相关daynote.pdfVIP

1jQuery

1.1jQuery简介

1.1.1什么是jQuery?

jQuery：JavaScriptQuery(JS查询),是一个轻量的,免费开源的JS函数库,能

够极大的简化JS代码。

oDiv.innerHTML=xx;

$Div.html(xx);

oDiv.innerText=xx;

$Div.text(xx);

oInp.value=xx;

$Inp.val(xx);

1.1.2jQuery的优势

（1）可以极大简化JS代码

document.getElementById(d1);

$(#d1)--选中id为d1的元素

$(.c1)--选中所有class值为c1的元素

（2）可以像CSS那样来获取页面元素

例如:为所有的div设置背景颜色

在CSS中：div{background-color:red}

在jQuery中：$(“div”).css(“background-color”,“red”);

在CSS中：#d1{background-color:red}

在jQuery中：$(“#d1”).css(“background-color”,“red”);

（3）可以操作CSS属性来控制页面的效果

（4）可以兼容常用的浏览器

在JS中少数内容在不同的浏览器中不兼容。比如：innerText、removeNode()、

replaceNode()等在火狐中无法使用.

1.1.3jQuery的版本支持(了解)

1.x–支持常用浏览器,以及IE6+以上的版本

2.x–支持常用浏览器,以及IE9+以上的版本

3.x–支持常用浏览器,以及IE9+以上的版本

jQuery的缺点：jQuery的高版本不兼容低版本。这是因为jQuery在升级时除了会做

一些优化之外，还会增加或删除一些方法。如果升级到高版本，可能会造成之前的部分

代码无法执行!

1.1.4jQuery引入

1.jQuery函数库本身是一个js文件,所以引入jQuery和引入一个普通的JS文件一

样

2.FAQ常见问题：在引入的过程中，经常会出现文件引入失败的错误:

文件引入失败是往往是由于jQuery库文件的路径错误导致的!!

1.2jQuery语法

1.3jQuery选择器

1.4文档操作

1.和效果

1.6综合案例

1.6.1仿QQ列表分组

1.6.2创建表格

1.6.3模拟的员工管理系统