JQ学习

一、JQ语法

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

基础语法： $(selector).action()

  • 美元符号定义 jQuery
  • 选择符（selector）"查询"和"查找" HTML 元素
  • jQuery 的 action() 执行对元素的操作

实例:

  • $(this).hide() - 隐藏当前元素

  • $("p").hide() - 隐藏所有 <p> 元素

  • $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素

  • $("#test").hide() - 隐藏 id="test" 的元素

jQuery 入口函数:

$(document).ready(function(){
    // 执行代码
});
或者
$(function(){
    // 执行代码
});

JavaScript 入口函数:

window.onload = function () {
    // 执行代码
}

jQuery 入口函数与 JavaScript 入口函数的区别：

  •  jQuery 的入口函数是在 html 所有标签(DOM)都加载之后，就会去执行。
  •  JavaScript 的 window.onload 事件是等到所有内容，包括外部图片之类的文件加载完后，才会执行。 

二、JQ选择器

jQuery 中所有选择器都以美元符号开头：$()。

  1. 元素选择器：$("p")
  2. id选择器：$("#test")
  3. .class选择器 ：$(".test")

三、JQ事件

页面对不同访问者的响应叫做事件。

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。

实例：

  • 在元素上移动鼠标。
  • 选取单选按钮
  • 点击元素

语法：

点击事件

$("p").click(function(){
    // 动作触发后执行的代码!!
});

常见DOM事件：

鼠标事件键盘事件表单事件文档/窗口事件
click

keypress

按键次数

submit

提交表单

load

图像全部加载
dblclick keydown

change

修改

resize

浏览器调整大小
mouseenter keyup

focus

获取焦点

scroll

元素滚动
mouseleave  

blur

失去焦点

unload

离开页面
hover      

JQ效果-隐藏和显示

Hide和show

语法：

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

toggle 

 toggle() 方法来切换 hide() 和 show() 方法。

语法:

$(selector).toggle(speed,callback);

可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

四、JQ效果

　　1、淡入淡出Fading方法

  • fadeIn（）方法

　　　　jQuery fadeIn() 用于淡入已隐藏的元素。

　　语法:

$(selector).fadeIn(speed,callback);

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。.

可选的 callback 参数是 fading 完成后所执行的函数名称。

  • fadeOut（）方法

　　　　jQuery fadeOut() 方法用于淡出可见元素。

  • fadeToggle（）方法

　　　　jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。

  • fadeTo（）方法

　　　　jQuery fadeTo() 方法允许渐变为给定的不透明度（值介于 0 与 1 之间）。

　　语法:

$(selector).fadeTo(speed,opacity,callback);

fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。

　　2、滑动方法

  • slideDown（） 用于向下滑动元素
  • slideUp（）      用于向上滑动元素。
  • slideToggle（）在 slideDown() 与 slideUp() 方法之间进行切换。
　　语法
$(selector).slideToggle(speed,callback);

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是滑动完成后所执行的函数名称。

下面的例子演示了 slideToggle() 方法：

$("#flip").click(function(){
　　 $("#panel").slideToggle(); 
});

　3、动画animate（）方法

  • animate（）方法用于创建自定义动画。

语法：

$(selector).animate({params},speed,callback);

必需的 params 参数定义形成动画的 CSS 属性。

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是动画完成后所执行的函数名称。

下面的例子演示 animate() 方法的简单应用。它把 <div> 元素往右边移动了 250 像素：

$("button").click(function(){
　　 $("div").animate({left:'250px'});
 });

　　生成动画的过程中可同时使用多个属性　　

　　可以定义相对值（该值相对于元素的当前值）。需要在值的前面加上 += 或 -=：

　　可以把属性的动画值设置为 "show"、"hide" 或 "toggle"

　　提供针对动画的队列功能。

下面的例子把 <div> 元素往右边移动了 100 像素，然后增加文本的字号：

$("button").click(function(){
    var div=$("div"); 
    div.animate({left:'100px'},"slow"); 
    div.animate({fontSize:'3em'},"slow"); 
});

　　4、停止动画

　　jQuery stop() 方法用于停止动画或效果，在它们完成之前。

　　stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画。

语法:

$(selector).stop(stopAll,goToEnd);

　　可选的 stopAll 参数规定是否应该清除动画队列。默认是 false，即仅停止活动的动画，允许任何排入队列的动画向后执行。

　　可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。

　　因此，默认地，stop() 会清除在被选元素上指定的当前动画。

　　5、Callback方法

　　当前动画100%完成后执行。

以下实例在隐藏效果完全实现后回调函数:

$("button").click(function(){
　　 $("p").hide("slow",function(){
　　　　 alert("段落现在被隐藏了"); 
　　　});
 });

　　6、JQ-链（chaining）

　　多个动作连着执行

　　把 css()、slideUp() 和 slideDown() 链接在一起。"p1" 元素首先会变为红色，然后向上滑动，再然后向下滑动：

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

 五、HTML

　　1、JQ获取内容和属性

　　获取内容

  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容（包括 HTML 标记）
  • val() - 设置或返回表单字段的值

　　获取属性

  • attr() 方法用于获取属性值

　　下面的例子演示如何获得链接中 href 属性的值：

$("button").click(function(){
　　 alert($("#runoob").attr("href"));
 });
//html
<p><a href="//www.runoob.com" id="runoob">菜鸟教程</a></p>
<button>显示 href 属性的值</button>

　　2、JQ设置内容和属性

　　设置文本内容

 $("#btn1").click(function(){
    $("#test1").text("Hello world!");
  });

　　设置属性-attr（）

　　attr() 方法也用于设置/改变属性值
$("button").click(function(){
    $("#runoob").attr({
        "href" : "http://www.runoob.com/jquery",
        "title" : "jQuery 教程"
    });

　　　　// 通过修改的 title 值来修改链接名称
　　　　title = $("#runoob").attr('title');
　　　　$("#runoob").html(title);

});
<p><a href="//www.runoob.com" id="runoob">菜鸟教程</a></p>
<button>修改 href 和 title</button>
<p>点击按钮修改后，可以查看 href 和 title 是否变化。</p>

　　attr（）的回调函数

 $("button").click(function(){
        $("#runoob").attr("href", function(i, origValue){
            return origValue + "/jquery";
        });
    });

　　3、JQ-添加元素

　　添加新的HTML内容

  • append() - 在被选元素的结尾插入内容
  • prepend() - 在被选元素的开头插入内容
  • after() - 在被选元素之后插入内容
  • before() - 在被选元素之前插入内容

　　通过 append() 和 prepend() 方法添加若干新元素

function appendText(){
    var txt1="<p>文本。</p>";              // 使用 HTML 标签创建文本
    var txt2=$("<p></p>").text("文本。");  // 使用 jQuery 创建文本
    var txt3=document.createElement("p");
    txt3.innerHTML="文本。";               // 使用 DOM 创建文本 text with DOM
    $("body").append(txt1,txt2,txt3);        // 追加新元素
}

　　通过 after() 和 before() 方法添加若干新元素

function afterText()
{
    var txt1="<b>I </b>";                    // 使用 HTML 创建元素
    var txt2=$("<i></i>").text("love ");     // 使用 jQuery 创建元素
    var txt3=document.createElement("big");  // 使用 DOM 创建元素
    txt3.innerHTML="jQuery!";
    $("img").after(txt1,txt2,txt3);          // 在图片后添加文本

　　4、JQ删除元素　　

  • remove()　　删除被选元素（及子元素）
  • empty()　　  从被选中元素中删除子元素　　　　

　　过滤被删除的元素

下面的例子删除 class="italic" 的所有 <p> 元素：

$("p").remove(".italic");

　　  5、JQ--获取并设置css类

  • addClass（）　　 　　 向被选元素添加一个或多个类
  • removeClass（）　　   从被选元素中删除一个或多个类
  • toggleClass（）             对被选元素进行添加/删除类的切换操作
  • css（）                          设置或返回样式属性  

　　6、JQ-css（）方法

　　css()方法设置或返回被选元素的一个或多个样式属性。

$("p").css("background-color"，"yellow");

　　设置多个css属性

$("p").css({"background-color":"yellow","font-size":"200%"});

　　7、JQ尺寸

  • width()　　     返回元素的宽度（不包括内边距、边框或外边距）
  • height()           返回元素的高度（不包括内边距、边框或外边距）
  • innerWidth()    返回元素的宽度（包括内边距）
  • innerHeight()   返回元素的高度（包括内边距）
  • outerWidth()    返回元素的宽度（包括内边距和边框）
  • outerHeight()   返回元素的高度（包括内边距和边框）

　　8、JQ遍历

　　　 1、什么是JQ遍历？

　　JQ遍历，意为”移动“，用于根据相对于其元素的关系来”查找HTML元素“，以某项选择开始，并沿着这个选择移动，直到抵达所需元素为止。

　　    2、JQ遍历-祖先

　　　　向上遍历DOM树

  • parent（）　　   返回被选元素的直接父元素。该方法只会向上一级对Dom树进行遍历。
  • parents（）        返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>)。
  • parentsUntil（） 返回介于两个给定元素之间的所有祖先元素。$("span").parentsUntil("div");

　　　3、JQ遍历-后代

　　　　向下遍历DOM树

  • children（）        返回被选元素的所有直接子元素。该方法只会向下一级对 DOM 树进行遍历。
  • find（）              返回被选元素的后代元素，一路向下直到最后一个后代。

　　 4、JQ遍历  -同胞

　　　　在DOM树中水平遍历

  • siblings()             返回被选元素的所有同胞元素。
  • next()　　           返回被选元素的下一个同胞元素。该方法只返回一个元素。
  • nextAll()　　       返回被选元素的所有跟随的同胞元素。
  • nextUntil()           返回介于两个给定参数之间的所有跟随的同胞元素。
  • prev()                   和上面内容相反
  • prevAll()               和上面内容相反
  • prevUntil()            和上面内容相反

　　5、JQ遍历 --过滤

　　  　　缩小搜索元素的范围

  • first（）　　返回被选元素的首个元素
  • last（）　　返回被选元素的最后一个元素
  • eq（）　　  返回被选元素中带有指定索引的元素。
  • filter（）　  不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。

　　下面返回带有类名”url“的所有<p>元素。

$(document).ready(function(){
  $("p").filter(".url");
});
  • not（）         返回不匹配标准的所有元素

六、AJAX

　　1、什么是AJAX？

　　　　AJAX是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分页面的更新。

　　　　AJAX=异步JavaScript和XML

　    2、关于JQuery与AJAX

　　　　通过 jQuery AJAX 方法，您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。

　　3、JQ load（）方法

　　　　load（）方法从服务器加载数据，并把返回的数据放入被选元素中。

　　语法:

$(selector).load(URL,data,callback);

　　必需的 URL 参数规定您希望加载的 URL。

　　可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。

　　可选的 callback 参数是 load() 方法完成后所执行的函数名称。

------示例文件（"demo_test.txt"）的内容：

<h2>jQuery AJAX 是个非常棒的功能！</h2>
 <p id="p1">这是段落的一些文本。</p>

下面的例子会把文件 "demo_test.txt" 的内容加载到指定的 <div> 元素中：

$("#div1").load("demo_test.txt");  //修改为demo_test.txt中内容

　　4、JQ  AJAX　get（）和post（）方法

　　客户端和服务端进行请求-响应的方法是GET()、POST()

  • GET - 从指定的资源请求数据
  • POST - 向指定的资源提交要处理的数据

GET 基本上用于从服务器获得（取回）数据。注释：GET 方法可能返回缓存数据。

POST 也可用于从服务器获取数据。不过，POST 方法不会缓存数据，并且常用于连同请求一起发送数据

　　 5、JQ  $.get()方法

　　　　$.get() 方法通过 HTTP GET 请求从服务器上请求数据。

语法：

$.get(URL,callback);

必需的 URL 参数规定您希望请求的 URL。

可选的 callback 参数是请求成功后所执行的函数名。

　　下面的例子使用 $.get() 方法从服务器上的一个文件中取回数据：

$("button").click(function(){
　　 $.get("demo_test.php",function(data,status){ 
　　　　　　alert("数据: " + data + "
状态: " + status);
 　　}); 
});

　　　6、JQ $.post()方法

　　　　$.post() 方法通过 HTTP POST 请求向服务器提交数据。

语法:

$.post(URL,data,callback);

　　必需的 URL 参数规定您希望请求的 URL。

　　可选的 data 参数规定连同请求发送的数据。

　　可选的 callback 参数是请求成功后所执行的函数名。

下面的例子使用 $.post() 连同请求一起发送数据：

$("button").click(function(){ 
　　$.post("/try/ajax/demo_test_post.php",
　　 　　{
　　　　　　　 name:"菜鸟教程",
　　　　　　　 url:"http://www.runoob.com" 
　　　　},
　　 function(data,status){ 
　　　　　　alert("数据: 
" + data + "
状态: " + status); 
　　}); 
});

七、JSON函数

函数描述
json_encode 对变量进行 JSON 编码
json_decode 对 JSON 格式的字符串进行解码，转换为 PHP 变量
json_last_error 返回最后发生的错误

　　　json_encode () 　用于对变量进行JSON编码。该函数如果执行成功返回JSON数据，否则返回FALSE.

string json_encode ( $value [, $options = 0 ] )

参数

  • value: 要编码的值。该函数只对 UTF-8 编码的数据有效。

  • options:由以下常量组成的二进制掩码 JSON_HEX_QUOT, JSON_HEX_TAG, JSON_HEX_AMP, JSON_HEX_APOS, JSON_NUMERIC_CHECK, JSON_PRETTY_PRINT, JSON_UNESCAPED_SLASHES, JSON_FORCE_OBJECT, JSON_PRESERVE_ZERO_FRACTION, JSON_UNESCAPED_UNICODE, JSON_PARTIAL_OUTPUT_ON_ERROR。

    要注意的是 JSON_UNESCAPED_UNICODE 选项，如果我们不希望中文被编码，可以添加该选项。

　　

　　json_decode 　　PHP json_decode() 函数用于对 JSON 格式的字符串进行解码，并转换为 PHP 变量。

mixed json_decode ($json_string [,$assoc = false [, $depth = 512 [, $options = 0 ]]])

参数

  • json_string: 待解码的 JSON 字符串，必须是 UTF-8 编码数据

  • assoc: 当该参数为 TRUE 时，将返回数组，FALSE 时返回对象。

  • depth: 整数类型的参数，它指定递归深度

  • options: 二进制掩码，目前只支持 JSON_BIGINT_AS_STRING 。

八、JQ选择器

方法描述
bind() 向元素添加事件处理程序
blur() 添加/触发失去焦点事件
change() 添加/触发 change 事件
click() 添加/触发 click 事件
dblclick() 添加/触发 double click 事件
delegate() 向匹配元素的当前或未来的子元素添加处理程序
event.currentTarget 在事件冒泡阶段内的当前 DOM 元素
event.data 包含当前执行的处理程序被绑定时传递到事件方法的可选数据
event.delegateTarget 返回当前调用的 jQuery 事件处理程序所添加的元素
event.pageX 返回相对于文档左边缘的鼠标位置
event.pageY 返回相对于文档上边缘的鼠标位置
event.preventDefault() 阻止事件的默认行为
event.relatedTarget 返回当鼠标移动时哪个元素进入或退出
event.result 包含由被指定事件触发的事件处理程序返回的最后一个值
event.stopImmediatePropagation() 阻止其他事件处理程序被调用
event.stopPropagation() 阻止事件向上冒泡到 DOM 树，阻止任何父处理程序被事件通知
event.target 返回哪个 DOM 元素触发事件
event.timeStamp 返回从 1970 年 1 月 1 日到事件被触发时的毫秒数
event.type 返回哪种事件类型被触发
event.which 返回指定事件上哪个键盘键或鼠标按钮被按下
event.metaKey 事件触发时 META 键是否被按下
focus() 添加/触发 focus 事件
focusin() 添加事件处理程序到 focusin 事件
focusout() 添加事件处理程序到 focusout 事件
hover() 添加两个事件处理程序到 hover 事件
keydown() 添加/触发 keydown 事件
keypress() 添加/触发 keypress 事件
keyup() 添加/触发 keyup 事件
live() 在版本 1.9 中被移除。添加一个或多个事件处理程序到当前或未来的被选元素
load() 在版本 1.8 中被废弃。添加一个事件处理程序到 load 事件
mousedown() 添加/触发 mousedown 事件
mouseenter() 添加/触发 mouseenter 事件
mouseleave() 添加/触发 mouseleave 事件
mousemove() 添加/触发 mousemove 事件
mouseout() 添加/触发 mouseout 事件
mouseover() 添加/触发 mouseover 事件
mouseup() 添加/触发 mouseup 事件
off() 移除通过 on() 方法添加的事件处理程序
on() 向元素添加事件处理程序
one() 向被选元素添加一个或多个事件处理程序。该处理程序只能被每个元素触发一次
$.proxy() 接受一个已有的函数，并返回一个带特定上下文的新的函数
ready() 规定当 DOM 完全加载时要执行的函数
resize() 添加/触发 resize 事件
scroll() 添加/触发 scroll 事件
select() 添加/触发 select 事件
submit() 添加/触发 submit 事件
toggle() 在版本 1.9 中被移除。添加 click 事件之间要切换的两个或多个函数
trigger() 触发绑定到被选元素的所有事件
triggerHandler() 触发绑定到被选元素的指定事件上的所有函数
unbind() 从被选元素上移除添加的事件处理程序
undelegate() 从现在或未来的被选元素上移除事件处理程序
unload() 在版本 1.8 中被废弃。添加事件处理程序到 unload 事件
contextmenu() 添加事件处理程序到 contextmenu 事件
$.holdReady() 用于暂停或恢复.ready() 事件的执行

九、JQ效果图

方法描述
animate() 对被选元素应用"自定义"的动画
clearQueue() 对被选元素移除所有排队函数（仍未运行的）
delay() 对被选元素的所有排队函数（仍未运行）设置延迟
dequeue() 移除下一个排队函数，然后执行函数
fadeIn() 逐渐改变被选元素的不透明度，从隐藏到可见
fadeOut() 逐渐改变被选元素的不透明度，从可见到隐藏
fadeTo() 把被选元素逐渐改变至给定的不透明度
fadeToggle() 在 fadeIn() 和 fadeOut() 方法之间进行切换
finish() 对被选元素停止、移除并完成所有排队动画
hide() 隐藏被选元素
queue() 显示被选元素的排队函数
show() 显示被选元素
slideDown() 通过调整高度来滑动显示被选元素
slideToggle() slideUp() 和 slideDown() 方法之间的切换
slideUp() 通过调整高度来滑动隐藏被选元素
stop() 停止被选元素上当前正在运行的动画
toggle() hide() 和 show() 方法之间的切换

十、JQ  html和css方法

方法描述
addClass() 向被选元素添加一个或多个类名
after() 在被选元素后插入内容
append() 在被选元素的结尾插入内容
appendTo() 在被选元素的结尾插入 HTML 元素
attr() 设置或返回被选元素的属性/值
before() 在被选元素前插入内容
clone() 生成被选元素的副本
css() 为被选元素设置或返回一个或多个样式属性
detach() 移除被选元素（保留数据和事件）
empty() 从被选元素移除所有子节点和内容
hasClass() 检查被选元素是否包含指定的 class 名称
height() 设置或返回被选元素的高度
html() 设置或返回被选元素的内容
innerHeight() 返回元素的高度（包含 padding，不包含 border）
innerWidth() 返回元素的宽度（包含 padding，不包含 border）
insertAfter() 在被选元素后插入 HTML 元素
insertBefore() 在被选元素前插入 HTML 元素
offset() 设置或返回被选元素的偏移坐标（相对于文档）
offsetParent() 返回第一个定位的祖先元素
outerHeight() 返回元素的高度（包含 padding 和 border）
outerWidth() 返回元素的宽度（包含 padding 和 border）
position() 返回元素的位置（相对于父元素）
prepend() 在被选元素的开头插入内容
prependTo() 在被选元素的开头插入 HTML 元素
prop() 设置或返回被选元素的属性/值
remove() 移除被选元素（包含数据和事件）
removeAttr() 从被选元素移除一个或多个属性
removeClass() 从被选元素移除一个或多个类
removeProp() 移除通过 prop() 方法设置的属性
replaceAll() 把被选元素替换为新的 HTML 元素
replaceWith() 把被选元素替换为新的内容
scrollLeft() 设置或返回被选元素的水平滚动条位置
scrollTop() 设置或返回被选元素的垂直滚动条位置
text() 设置或返回被选元素的文本内容
toggleClass() 在被选元素中添加/移除一个或多个类之间切换
unwrap() 移除被选元素的父元素
val() 设置或返回被选元素的属性值（针对表单元素）
width() 设置或返回被选元素的宽度
wrap() 在每个被选元素的周围用 HTML 元素包裹起来
wrapAll() 在所有被选元素的周围用 HTML 元素包裹起来
wrapInner() 在每个被选元素的内容周围用 HTML 元素包裹起来
$.escapeSelector() 转义CSS选择器中有特殊意义的字符或字符串
$.cssHooks 提供了一种方法通过定义函数来获取和设置特定的CSS值

十一、jQuery 遍历方法

方法描述
add() 把元素添加到匹配元素的集合中
addBack() 把之前的元素集添加到当前集合中
andSelf() 在版本 1.8 中被废弃。addBack() 的别名
children() 返回被选元素的所有直接子元素
closest() 返回被选元素的第一个祖先元素
contents() 返回被选元素的所有直接子元素（包含文本和注释节点）
each() 为每个匹配元素执行函数
end() 结束当前链中最近的一次筛选操作，并把匹配元素集合返回到前一次的状态
eq() 返回带有被选元素的指定索引号的元素
filter() 把匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素
find() 返回被选元素的后代元素
first() 返回被选元素的第一个元素
has() 返回拥有一个或多个元素在其内的所有元素
is() 根据选择器/元素/jQuery 对象检查匹配元素集合，如果存在至少一个匹配元素，则返回 true
last() 返回被选元素的最后一个元素
map() 把当前匹配集合中的每个元素传递给函数，产生包含返回值的新 jQuery 对象
next() 返回被选元素的后一个同级元素
nextAll() 返回被选元素之后的所有同级元素
nextUntil() 返回介于两个给定参数之间的每个元素之后的所有同级元素
not() 从匹配元素集合中移除元素
offsetParent() 返回第一个定位的父元素
parent() 返回被选元素的直接父元素
parents() 返回被选元素的所有祖先元素
parentsUntil() 返回介于两个给定参数之间的所有祖先元素
prev() 返回被选元素的前一个同级元素
prevAll() 返回被选元素之前的所有同级元素
prevUntil() 返回介于两个给定参数之间的每个元素之前的所有同级元素
siblings() 返回被选元素的所有同级元素
slice() 把匹配元素集合缩减为指定范围的子集

十二、jQuery AJAX 方法

方法描述
$.ajax() 执行异步 AJAX 请求
$.ajaxPrefilter() 在每个请求发送之前且被 $.ajax() 处理之前，处理自定义 Ajax 选项或修改已存在选项
$.ajaxSetup() 为将来的 AJAX 请求设置默认值
$.ajaxTransport() 创建处理 Ajax 数据实际传送的对象
$.get() 使用 AJAX 的 HTTP GET 请求从服务器加载数据
$.getJSON() 使用 HTTP GET 请求从服务器加载 JSON 编码的数据
$.getScript() 使用 AJAX 的 HTTP GET 请求从服务器加载并执行 JavaScript
$.param() 创建数组或对象的序列化表示形式（可用于 AJAX 请求的 URL 查询字符串）
$.post() 使用 AJAX 的 HTTP POST 请求从服务器加载数据
ajaxComplete() 规定 AJAX 请求完成时运行的函数
ajaxError() 规定 AJAX 请求失败时运行的函数
ajaxSend() 规定 AJAX 请求发送之前运行的函数
ajaxStart() 规定第一个 AJAX 请求开始时运行的函数
ajaxStop() 规定所有的 AJAX 请求完成时运行的函数
ajaxSuccess() 规定 AJAX 请求成功完成时运行的函数
load() 从服务器加载数据，并把返回的数据放置到指定的元素中
serialize() 编码表单元素集为字符串以便提交
serializeArray() 编码表单元素集为 names 和 values 的数组

具体详情查看：https://www.runoob.com/jquery/jquery-tutorial.html

【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/yjf713/p/13443271.html