教学课件 WEB前端开发技术实用教程.ppt

12.4.2 $.post()方法 * 方法名 $.post() 格式 $.post( url, [data], [callback], [type] ) 功能 使用POST方式来进行异步请求 返回值 XMLHttpRequest 参数： url?(String) : 发送请求的URL地址. data?(Map) : (可选) 要发送给服务器的数据，以 Key/value 的键值对形式表示。 callback?(Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。 示例 $.post(test.php, { name: Joan, pwd: iZQ },function(data){ alert(数据处理成功！: + data); }); 12.4.3 $.ajax()方法 * 方法名 $.ajax() 格式 $.ajax(key/value 对象) 功能 通过 HTTP 请求加载远程数据。 返回值 XMLHttpRequest 示例 $.ajax({ type: POST, url: isused.php, data: name=Joanpwd=123123 , success: function(msg){ alert( 数据处理完成： + msg ); } }); 11.5.1 页面载入事件 ready()方法 格式：ready(fn) 功能：页面载入事件，当DOM载入就绪可以查询及操纵时，绑定一个要执行的函数。 参数：fn，要在DOM就绪时执行的函数 写法一： $(document).ready(function(){}); 写法二(推荐)： $(function(){}); 写法三： jQuery(document).ready(function(){}); 写法四： jQuery(function(){}); * 11.5.2 绑定与移除绑定事件 1. 事件绑定方法：bind() 功能：为每一个匹配元素的特定事件（像click）绑定一个事件处理器函数。 格式：bind(type,[data],fn) 参数： type,事件类型 data: (可选) 作为event.data属性值传递给事件对象的额外数据对象 fn : 绑定到每个匹配元素的事件上面的处理函数 举例： $(p).bind(click,function(){ alert( $(this).text() ); }); * 11.5.2 绑定与移除绑定事件 2. 移除绑定事件unbind() 功能：从每一个匹配的元素中删除绑定的事件。 格式：bind(type, fn) 参数： type：事件类型，一个或多个事件,由空格分隔多个事件值。 fn：移除的事件处理函数 举例： $(p).unbind( click ) * 11.5.3 绑定一次性事件 one()方法 功能：为每一个匹配元素的特定事件（像click）绑定一个一次性的事件处理器函数。 格式：one(type,[data],fn) 参数： type,事件类型 data: (可选) 作为event.data属性值传递给事件对象的额外数据对象 fn : 每当事件触发时执行的函数。 举例： $(p).one(click, function(){alert( $(this).text() );}); * 11.5.4 触发事件 trigger()方法 功能：在每一个匹配的元素上触发某类事件。 格式：trigger(type,[data]) 参数： type : 一个事件对象或者要触发的事件类型 data : (可选)传递给事件处理函数的附加参数 举例： $(form:first).trigger(submit) * 11.5.5 切换事件 1、hover() 功能：一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。 格式：hover(over,out) 参数： over：鼠标移到元素上要触发的函数 out： 鼠标移出元素要触发的函数 举例： $(.clsTitle).hover( function() {$(.clsContent).show();}, function() {$(.clsContent).hide();} ); * 11.5.5 切换事件 2、toggle() 功能：每次点击后依次调用函数。 格式：toggle(fn1,fn2,[fn3,fn4…]) 参数： fn1：第一数次点击时要执行的函数。 fn2：第二数次点击时要执行的函数。 fn3,fn4,...：更多次点击时要执行的函数。