java web使用jquery_JavaWeb的学习--jQuery一

一、使用JQ完成首页的定时广告弹出

1.需求分析

在首页中(logo的上方)显示一个广告图片(页面加载后，间隔3秒弹出广告图片，再间隔3秒后隐藏广告图片)。【使用jQuery实现】

2.技术分析

2.1 jquery相关的知识

a. 什么是jquery

Jquery它是javascript的一个轻量级框架，对javascript进行封装，它提供了很多方便的选择器。供你快速定位到需要操作的元素上面去。还           提             供了很多便捷的方法。

b. 怎么使用jquery

Jquery它是一个库(框架)，要想使用它，必须先引入！

jquery-1.8.3.js：一般用于学习阶段。

jquery-1.8.3.min.js：用于项目使用阶段

c.  Jquery的简单入门

所有的jquery代码写在页面加载函数

$(function(){

Jquery代码

});

1

2

3

4

5

页面加载

6

7

8 //整个文档加载完后执行

9 functioninit() {10 alert("李四");11 }12 window.οnlοad= function() {13 alert("张三");14 }15 //整个文档加载完毕后执行

16 window.οnlοad= function() {17 alert("老王");18 }19 //dom树执行完毕后加载，可能DOM元素关联的东西并没有加载完

20 jQuery(document).ready(function() {21 alert("王五");22 });23 //JQuery页面的方法(简写)

24 $(function() {25 alert("老李");26 })27

28

29

30 ss

31 ddd

32

33