jquery2

1.事件处理 event

(1)如何绑订事件处理代码 (e1.html)

1)正式写法

obj.bind(type,fn);注:type:事件类型，比
1b610
如′click′。fn:事件处理函数。比如:obj.bind(‘click’,f1);

2)简写形式

比如:

$obj.click(f1);

(2)如何获得事件对象

$obj.click(function(e){

});

注
e实际是jQuery对底层事件对象的一
个封装。
这样做的目的是为了更好兼容不同的
浏览器。
(3)事件对象的作用 (e3.html)
1)获得事件源
var obj = e.target;
2)获得鼠标点击的坐标
e.pageX
e.pageY
3)取消事件冒泡    (e4.html)
e.stopPropagation()
(4)事件冒泡
1)什么是事件冒泡?
子节点产生的事件会依次向上抛
给相应的父节点。
(5)合成事件 (e5.html e6.html)
1)hover(f1,f2):  模拟鼠标悬停事件，
其中f1用来处理鼠标进入，
f2用来处理鼠标移开。
2)toggle(f1,f2,...):模拟鼠标连续单击
事件。其中f1处理第1次单击，
f2处理第2次单击，依此类推。
(6)模拟操作 (e7.html)
1)正式写法
$obj.trigger(type);
注
type是事件类型，比如
$obj.trigger('focus');
2)简写形式
$obj.focus();

2.动画 animate

(1)show()/hide() (a1.html)

1)作用：通过同时改变元素的宽度和高度

来实现显示和隐藏。

2)用法:

obj.show(time,[callback]);注time:毫秒数或者”slow”,”fast”,“normal”callback:回调函数(当整个动画执行完毕会执行的函数)。(2)slideDown()/slideUp()(a1.html)1)作用：通过改变元素的高度来实现显示和隐藏。2)用法:同上。(3)fadeIn()/fadeOut()淡入淡出(a2.html)1)作用：通过改变元素的不透明度(opacity)来实现显示和隐藏。2)用法：同上。(4)animate()1)作用：自定义动画2)用法:obj.animate({},time,[callback]);

注：

{} : 描述动画完成之后，元素的

样式，比如

{‘width’:’400px’,’height’:’300px’}

time: 只能用毫秒数。

callback:回调函数。

3.类数组 array (a1.html)

(1)什么是类数组

jQuery对象包含的那些节点。

(2)jQuery对象提供了一些方法和属性

1)属性

length: 类数组的长度(即节点的个数)

2)方法

each(fn):用来遍历类数组。fn是一个

函数，用来处理被遍历的节点。

eq(index):将下标等于index的节点

取出来，然后将这个节点封装成一个

jQuery对象。

get(index):将下标等于index的节点

取出来。

index(obj/$obj):

get():返回一个由这些节点构成的数组。

4.对ajax编程的支持

(1)load() ticket.jsp

1)作用：异步地向服务器发送请求，并且

将服务器返回的数据直接添加到符合

要求的节点之上。

2)用法:

$obj.load(url,[data]);

注:

url:请求地址

data:请求参数，有两种形式:

请求字符串 “username=tom&age=23”

对象形式 {“username”:”tom”,”age”:23}

如果有请求参数，并且请求参数采用

对象的形式来发送，load方法会发送

post请求，否则发送get请求。

(2).get()和.post()

1)作用：异步地向服务器发送请求，并且可以将服务器返回的数据进行处理。

注 .get()发送get请求,.post()发送post()请求。

2)用法:

$.get(url,[data],[callback],type);

注:

url 请求地址

data 请求参数

callback 回调函数，用来处理

服务器返回的数据,格式

如下:

function(data,statusText){

}

注：data:服务器返回的数据。

statusText:状态描述。

type 服务器返回的数据类型:

html: html文档

text: 文本

json: json字符串

xml: xml文档

script: javascript脚本

(3).ajax()1)作用：可以完全控制ajax对象来发送请求(同步或者异步)。2)用法:.ajax({});

注：

{}是一个对象，用来描述发送请求时

的选项参数，常见的选项参数如下：

url:请求地址

data:请求参数

type:请求类型

dataType:服务器返回的数据类型

success:服务器处理成功对应的回

调函数。

error:服务器处理失败对应的回调

函数。

async:true(异步，默认值)

和false(同步)。