说明章web04-jquery篇笔记.pdfVIP

第4章WEB04-JQuery篇

今日任务

使用JQuery完成页面定时弹出

使用JQuery完成表格的隔行换色

使用JQuery完成复选框的全选效果

使用JQuery完成省市联动效果

使用JQuery完成下列列表左右选择

使用JQuery完成表单的校验.

教学导航

掌握JQuery的基本使用

掌握JQuery的基本选择器,层次选择器

教学目标

会使用JQuery完成DOM的基本操作.

教学方法案例驱动法

1.1上次课内容回顾：

JS完成定时弹出的特效：

setInterval();

clearInterval();

BOM对象中的方法：

Window：

Navigator:

Screen:

History:

Location:

JS控制表格隔行换色:

JS控制复选框的全选和全不选：

JS控制省市联动：

DOM：DocumentObjectModel.将文档加载到内存，在内存中形成一个树形结构.

操作树形结构中的节点：

创建元素：createElement(),createTextNode();

获得元素：

getElementById(),getElementsByName(),getElementsByTagName()

元素：appendChild(),insertBefore();

修改元素：innerHTML修改.

删除元素：remove()

JS进行表单的校验：

：

Onclick

Onsubmit

Onload

Onfocus

Onblur

Onchange

Onmouseover

Onmouseout

Onmousemove

Onkeyup

Onkeydown

JS下拉列表左右选择：

1.2使用JQuery完成页面的弹出的效果：

1.2.1需求：

在的首页上定时弹出一个，过几秒，会自动。

1.2.2分析：

1.2.2.1技术分析：

【JQuery的概述】

什么JQuery：

JQuery的版本：

JQuery1.xJQuery2.x(不支持IE6,7,8)

JQuery的作用：

大大简化的JS的代码编写.

将页面与JS分离

