Learning Path
浏览 jQuery 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
353
jQuery 教程 jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 jQuery 很容易学习。 本章节的每一篇都包含了在线实例 通过本站的在线编辑器，你可以在线运行修改后的代码，并查看运行结果。 实例 [mycode3 type='javascript'] $(document).ready(function(){ $('p..
jQuery ajax() 方法 jQuery AJAX 方法 实例 使用 AJAX 请求改变 <div> 元素的文本： [mycode3 type='javascript'] $('button').click(function(){ $.ajax({url:'demo_test.txt',success:function(result)..
jQuery ajaxComplete() 方法 jQuery AJAX 方法 实例 当 AJAX 请求正在进行时显示 'loading' 的指示： [mycode3 type='js'] $(document).ajaxStart(function(){ $('#wait').css('display','block');..
jQuery ajaxError() 方法 jQuery AJAX 方法 实例 当 AJAX 请求失败时，触发一个警告框： [mycode3 type='js'] $(document).ajaxError(function(){ alert('一个错误发生!'); }); [/mycode3] 尝试一下 » 定义和用法 ajaxError() 方法规定 AJAX 请求失败..
jQuery ajaxSend() 方法 jQuery AJAX 方法 实例 当 AJAX 请求即将发送时，改变 <div> 元素的内容： [mycode3 type='js'] $(document).ajaxSend(function(e,xhr,opt){ $('div').append('Requesting: ' + opt...
jQuery ajaxSetup() 方法 jQuery AJAX 方法 实例 为所有 AJAX 请求设置默认 URL 和 success 函数： [mycode3 type='js'] $('button').click(function(){ $.ajaxSetup({ url:'demo_ajax_load.txt', success:functi..
jQuery ajaxStart() 方法 jQuery AJAX 方法 实例 当 AJAX 请求开始时，显示 'loading' 的指示： [mycode3 type='js'] $(document).ajaxStart(function(){ $(this).html(''); }); [/mycode3] 尝试一下 » 定义和用法 ajaxSta..
jQuery ajaxStop() 方法 jQuery AJAX 方法 实例 当所有 AJAX 请求完成时，触发一个提示框： [mycode3 type='js'] $(document).ajaxStop(function(){ alert('所有 AJAX 请求已完成'); }); [/mycode3] 尝试一下 » 定义和用法 ajaxStop() 方法规定所有的 A..
jQuery ajaxSuccess() 方法 jQuery AJAX 方法 实例 当 AJAX 请求成功完成时，触发一个提示框： [mycode3 type='js'] $(document).ajaxSuccess(function(){ alert('AJAX 请求完成'); }); [/mycode3] 尝试一下 » 定义和用法 ajaxSuccess() 方..
jQuery get() 方法 jQuery AJAX 方法 实例 发送一个 HTTP GET 请求到页面并取回结果： [mycode3 type='js'] $('button').click(function(){ $.get('/try/ajax/demo_test.php',function(data,status){ alert(&..
jQuery getJSON() 方法 jQuery AJAX 方法 实例 使用 Ajax 请求获取 JSON 数据，并输出结果： [mycode3 type='js'] $(document).ready(function(){ $('button').click(function(){ $.getJSON('demo_ajax_json.js�..
jQuery getScript() 方法 jQuery AJAX 方法 实例 使用 AJAX 请求，获取和运行 JavaScript： [mycode3 type='js'] $('button').click(function(){ $.getScript('demo_ajax_script.js'); }); [/mycode3] 尝试一下 » 定..
jQuery load() 方法 jQuery AJAX 方法 实例 把文件 'demo_test.txt' 的内容加载到指定的 <div> 元素： [mycode3 type='js'] $('button').click(function(){ $('#div1').load('demo_test.t..
jQuery param() 方法 jQuery AJAX 方法 实例 输出序列化对象的结果： [mycode3 type='js'] $('button').click(function(){ $('div').text($.param(personObj)); });[/mycode3] 尝试一下 » 定义和用法 param() 方法创建数组或..
jQuery post() 方法 jQuery AJAX 方法 实例 1 使用 HTTP POST 请求从服务器加载数据： [mycode3 type='javascript'] $('button').click(function(){ $.post('demo_test.html',function(data,status){ alert('Data..
jQuery serialize() 方法 jQuery AJAX 方法 实例 输出序列化表单值的结果： [mycode3 type='js'] $('button').click(function(){ $('div').text($('form').serialize()); }); [/mycode3] 尝试一下 » 定义..
jQuery serializeArray() 方法 jQuery AJAX 方法 实例 输出以数组形式序列化表单值的结果： [mycode3 type='js'] $('button').click(function(){ x=$('form').serializeArray(); $.each(x, function(i, field){ $('..
jQuery css() 方法 jQuery HTML/CSS Methods 实例 设置所有 <p> 元素的 color 属性： [mycode3 type='js'] $('button').click(function(){ $('p').css('color','red'); })..
jQuery height() 方法 jQuery HTML/CSS 方法 实例 返回 <div> 元素的高度： [mycode3 type='js'] $('button').click(function(){ alert($('div').height()); }); [/mycode3] 尝试一下 » 定义和用法 he..
jQuery offset() 方法 jQuery HTML/CSS 方法 实例 返回 <p> 元素的偏移坐标： [mycode3 type='js'] $('button').click(function(){ var x=$('p').offset(); alert('Top: ' + x.top + �..
jQuery offsetParent() 方法 jQuery HTML/CSS 方法 实例 设置 <p> 元素的最近定位的祖先元素的背景颜色： [mycode3 type='js'] $('button').click(function(){ $('p').offsetParent().css('background-col..
jQuery position() 方法 jQuery HTML/CSS 方法 实例 返回 <p> 元素的 top 和 left 位置： [mycode3 type='js'] $('button').click(function(){ x=$('p').position(); alert('Top: ' + x..
jQuery scrollLeft() 方法 jQuery HTML/CSS 方法 实例 返回 <div> 元素的水平滚动条位置： [mycode3 type='js'] $('button').click(function(){ alert($('div').scrollLeft()); }); [/mycode3] 尝试一下 »..
jQuery scrollTop() 方法 jQuery HTML/CSS 方法 实例 返回 <div> 元素的垂直滚动条位置： [mycode3 type='js'] $('button').click(function(){ alert($('div').scrollTop()); }); [/mycode3] 尝试一下 » ..