jquery2

1.事件处理 event
(1)如何绑订事件处理代码 (e1.html)
1)正式写法
$obj.bind(type,fn); 注: type: 事件类型，比如’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(同步)。