jQuery复习---word

Jquery 复习

1. js常用框架？

ExtJs、Dojo、Jquery、YUI

2. 使用步骤？

a) 到官网下载js的函数库。

b) 导入js函数库。<script type=”text/javascript” src=”函数库路径1.4.1.js”>

c) 网页中才可以使用jquery中的函数。

必须将jquery的代码使用：

$(function(){    //这里写Jquery代码 });

3. 查找元素。（Jquery中最核心的功能）

如何元素要操作之前，必须先找到。

Jquery中的元素查找，基于：CSS查找方式。

Jquery中第二种查找元素的方式：基于Dom模型查找（父子节点、兄弟节点等）。

利用Dom模型，可以完成对元素的：增、删、改、查操作。

4. Jquery中的事件，基本跟js中事件类似。

去掉js中的事件前面的on即可。

Jquery : click \ mouseover

Js : onclick \ onmouseover

Jquery中特有的事件：合成事件（多个事件组合而成）。

hover（函数1，函数2）；//函数1——鼠标进去、函数2——鼠标移出

toggle(函数1，函数2，……);//至少2个以上的函数，才是合成事件；否则视为切换动画。

one(函数());//只执行一次的事件。

动画：………………

Ajax ？

1. 什么是Ajax？

异步的Javascript + XML。

同步：请求---》响应必须完成之后，才能继续其他操作。（请求之后，等待响应）

异步：请求---》响应可以独立完成。

2. Ajax的作用？

可以实现局部刷新。

3. 如何使用Ajax？

Ajax的核心对象：XMLHttpRequest（异步请求的对象——可以在页面不刷新的时候请求服务器，并获取数据）

1． 手动创建对象，并调用属性和方法，完成异步请求。

IE7以上的版本：new XMLHttpRequest();

IE7以下的版本：new ActiveXObject(“Microsoft.XMLHTTP | MS.?.XMLHTTP”);

<script type="text/javascript"> function testAjaxRequest(){ //1. 创建对象 var xmlobj = new XMLHttpRequest(); //2. 调用对象的属性、方法 //2.1 创建一个请求 xmlobj.open("get","http://9-43:8080/TestAjax/index.jsp",true); document.getElementById("divobj").innerHTML = "<img src='loading_circle.gif' align=absmiddle>正在加载，请稍后..........."; //2.2 监听请求的状态是否完成 xmlobj.onreadystatechange=function(){ //如何判断请求成功 if(xmlobj.readyState==4 && xmlobj.status==200){ var data = xmlobj.responseText; //根据Id获取div document.getElementById("divobj").innerHTML = data; } }; //2.3 发送 xmlobj.send(null); } </script>

2． 使用js框架封装好的函数库。（JQuery、DWR）