带你玩转JavaWeb开发之四-JS库代码实现

简单案例

使用JQuery完成页面定时弹出广告

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

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

使用JQuery完成省市联动效果

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

使用JQuery完成表单的校验.

案例需要

掌握JQuery的基本使用

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

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

定时弹出广告

  • 定时器: setInterval setTimeout
    • clearInterval
  • style.display : none 隐藏 block显示

注册表单:

  • 事件: onfocus 获焦点 onblur 失去焦点 onkeyup 按键抬起的时候

  • 正则表达式校验邮箱. js .

    • javascript

  • onsubmit = “return checkForm()”

表格隔行换色

  • table.rows
    • row.style.backgroundColor
  • window.onload

表格全选和全不选:

​ checked属性:

​ document.getElementById()

​ document.getElementsByName() 返回的是一个数组

省市联动:

​ DOM:

​ //创建节点: document.createElement()

​ //创建文本节点: document.createTextNode()

​ //添加节点: appendChild()

商品左右选择中:

​ 事件:

​ select改变的时候:

​ onchange

​ ondbclick()

1. 使用JQuery完成页面定时弹出广告

1.1 需求分析:

当用户打开界面,3秒钟之后弹出广告,这个广告显示5秒钟,隐藏广告

如何定时弹出广告

如何显示广告

如何隐藏广告

1.2 技术分析

【什么是JQuery】

【JQuery的作用是什么】

它封装了很多效果,事件,能够大大的提高我们的开发效率

将我们的页面和Js分离出来

【JQuery的入门】

    
                    
                    

你可能感兴趣的:(Java,web,jquery,广告,表单,dom)