jQuery入门看这一篇就够了
发布日期：2021-05-09 08:06:44
浏览次数：20
分类：精选文章
本文共 13437 字，大约阅读时间需要 44 分钟。
jQuery 参考手册
一. 选择器
1. 基本
#id：通过 ID 选择元素- 用法：
$("#myDiv") - 描述：匹配具有给定 ID 的单个元素
- 用法：
element：通过标签名选择元素- 用法：
$("div") - 描述：匹配所有具有指定标签的元素
- 用法：
.class：通过 CSS 类名选择元素- 用法：
$(".myClass") - 描述：匹配具有给定 CSS 类的元素
- 用法：
*：匹配所有元素- 用法：
$("*") - 描述：返回 DOM 中的所有元素
- 用法：
- 组合选择器：将多个选择器组合起来
- 用法：
$("div,span,p.myClass") - 描述：将每个选择器匹配到的元素合并返回
- 用法：
2. 层级
ancestor descendant：在祖先元素下匹配所有后代- 用法：
$("form input") - 描述：匹配 form 元素下的所有 input 元素
- 用法：
parent > child：在父元素下匹配所有子元素- 用法：
$("form > input") - 描述：匹配 form 元素的直接子元素 input
- 用法：
prev + next：匹配 prev 元素后的 next 元素- 用法：
$("label + input") - 描述：匹配 label 元素紧随其后的 input 元素
- 用法：
prev ~ siblings：匹配 prev 元素之后的所有同辈兄弟- 用法：
$("form ~ input") - 描述：匹配 form 元素下的所有 input 元素，排除直接子元素
- 用法：
3. 基本筛选器
:first：获取第一个元素- 用法：
$('li:first') - 描述：返回匹配元素集合中的第一个元素
- 用法：
:not(selector)：去除与给定选择器匹配的元素- 用法：
$("input:not(:checked)") - 描述：排除所有未选中或不符合条件的元素
- 用法：
:even：匹配索引为偶数的元素- 用法：
$("tr:even") - 描述：从 0 开始计数，匹配索引为偶数的元素
- 用法：
:odd：匹配索引为奇数的元素- 用法：
$("tr:odd") - 描述：从 0 开始计数，匹配索引为奇数的元素
- 用法：
:eq(index)：匹配给定索引值的元素- 用法：
$("tr:eq(1)") - 描述：根据索引值返回单个元素
- 用法：
:gt(index)：匹配索引大于给定值的元素- 用法：
$("tr:gt(0)") - 描述：从给定索引开始，匹配后续元素
- 用法：
:lang：匹配指定语言的元素- 用法：
$("p:lang(it)") - 描述：筛选具有特定语言属性的元素
- 用法：
:last：获取最后一个元素- 用法：
$('li:last') - 描述：返回匹配元素集合中的最后一个元素
- 用法：
:lt(index)：匹配索引小于给定值的元素- 用法：
$("tr:lt(2)") - 描述：从 0 开始计数，匹配索引小于给定值的元素
- 用法：
:header：匹配标题元素- 用法：
$(":header") - 描述：匹配 h1, h2, h3 等标题元素
- 用法：
:animated：匹配正在执行动画的元素- 用法：
$("div:not(:animated)") - 描述：筛选非动画元素
- 用法：
:focus：匹配当前获取焦点的元素- 用法：
$("input:focus") - 描述：返回当前获取焦点的 input 元素
- 用法：
:root：选择文档根元素- 用法：
$(":root") - 描述：匹配 HTML 文档的根元素
- 用法：
:target：选择由文档 URI 格式化识别码表示的目标元素- 用法：
$(":target") - 描述：匹配文档中指定 URI 对应的元素
- 用法：
4. 内容
:contains(text)：匹配包含指定文本的元素- 用法：
$("div:contains('John')") - 描述：筛选包含给定文本的元素
- 用法：
:empty：匹配空元素- 用法：
$("td:empty") - 描述：返回不包含子节点或文本的空元素
- 用法：
:has(selector)：匹配含有指定选择器的元素- 用法：
$("div:has(p)") - 描述：筛选包含指定元素的父元素
- 用法：
:parent：匹配有子元素或文本的元素- 用法：
$("td:parent") - 描述：筛选具有子节点或文本的元素
- 用法：
5. 可见性
:hidden：匹配不可见元素- 用法：
$("tr:hidden") - 描述：筛选不可见的 tr 元素
- 用法：
:visible：匹配可见元素- 用法：
$("tr:visible") - 描述：筛选所有可见的元素
- 用法：
6. 属性
[attribute]：匹配具有给定属性的元素- 用法：
$("div[id]") - 描述：筛选具有指定属性的元素
- 用法：
[attribute=value]：匹配属性值为指定值的元素- 用法：
$("input[name='newsletter']") - 描述：筛选属性值为 newsletter 的 input 元素
- 用法：
[attribute!=value]：匹配不含指定属性或属性值不等于指定值的元素- 用法：
$("input[name!='newsletter']") - 描述：排除具有 newsletter 属性值的 input 元素
- 用法：
[attribute^=value]：匹配属性值以指定值开始的元素- 用法：
$("input[name^='news']") - 描述：筛选属性值以 news 开头的 input 元素
- 用法：
[attribute$=value]：匹配属性值以指定值结尾的元素- 用法：
$("input[name$='letter']") - 描述：筛选属性值以 letter 结尾的 input 元素
- 用法：
[attribute*=value]：匹配属性值包含指定值的元素- 用法：
$("input[name*='man']") - 描述：筛选属性值包含 man 的 input 元素
- 用法：
- 多个属性选择器组合使用
- 用法：
$("input[id][name$='man']") - 描述：同时满足 id 和 name$='man' 的条件
- 用法：
7. 子元素
:first-child：匹配第一个子元素- 用法：
$("ul li:first-child") - 描述：返回 ul 元素的第一个 li 子元素
- 用法：
:first-of-type：匹配同辈中第一个相同类型的子元素- 用法：
$("span:first-of-type"); - 描述：返回 span 元素中第一个同辈
- 用法：
:last-child：匹配最后一个子元素- 用法：
$("ul li:last-child") - 描述：返回 ul 元素的最后一个 li 子元素
- 用法：
:last-of-type：匹配同辈中最后一个相同类型的子元素- 用法：
$("span:last-of-type"); - 描述：返回 span 元素中最后一个同辈
- 用法：
:nth-child：匹配第 N 个子元素- 用法：
$("ul li:nth-child(2)") - 描述：根据 N 索引值匹配对应的子元素
- 用法：
:nth-last-child：匹配倒数第 N 个子元素- 用法：
$("ul li:nth-last-child(2)") - 描述：从最后一个元素开始计数
- 用法：
:nth-of-type：匹配第 N 个相同类型的子元素- 用法：
$("span:nth-of-type(2)") - 描述：匹配 span 元素中第二个同辈
- 用法：
:only-child：匹配唯一的子元素- 用法：
$("ul li:only-child") - 描述：筛选 ul 元素中唯一的 li 子元素
- 用法：
:only-of-type：匹配没有兄弟元素的子元素- 用法：
$("span:only-of-type") - 描述：筛选没有兄弟 span 元素的单个 span 元素
- 用法：
8. 表单
:input：匹配表单输入元素- 用法：
$(":input") - 描述：筛选 input, textarea, select 和 button 元素
- 用法：
:text：匹配单行文本框- 用法：
$(":text") - 描述：筛选 textarea 元素
- 用法：
:password：匹配密码框- 用法：
$(":password") - 描述：筛选 input type="password" 元素
- 用法：
:radio：匹配单选按钮- 用法：
$(":radio") - 描述：筛选 input type="radio" 元素
- 用法：
:checkbox：匹配复选框- 用法：
$(":checkbox") - 描述：筛选 input type="checkbox" 元素
- 用法：
:submit：匹配提交按钮- 用法：
$(":submit") - 描述：筛选 input type="submit" 元素
- 用法：
:image：匹配图片域- 用法：
$(":image") - 描述：筛选 input type="image" 元素
- 用法：
:reset：匹配重置按钮- 用法：
$(":reset") - 描述：筛选 input type="reset" 元素
- 用法：
:button：匹配按钮- 用法：
$(":button") - 描述：筛选 input type="button" 元素
- 用法：
:file：匹配文件域- 用法：
$(":file") - 描述：筛选 input type="file" 元素
- 用法：
9. 表单对象属性
:enabled：匹配可用元素- 用法：
$("input:enabled") - 描述：筛选可用的 input 元素
- 用法：
:disabled：匹配不可用元素- 用法：
$("input:disabled") - 描述：筛选不可用的 input 元素
- 用法：
:checked：匹配选中的元素- 用法：
$("input:checked") - 描述：筛选选中的单选框或复选框
- 用法：
:selected：匹配选中的 option 元素- 用法：
$("select option:selected") - 描述：筛选选中的 option 元素
- 用法：
10. 混淆选择器
$ .escapeSelector(selector)：用于处理特殊字符的选择器- 用法：
$( "div" ).find( "." + $.escapeSelector( ".box" ) ); - 描述：处理包含 CSS 特殊字符的选择器
- 用法：
11. 样式属性
css(name)：访问元素的 CSS 属性- 用法：
$("p").css("color") - 描述：获取匹配元素的 color 属性值
- 用法：
css(name, value)：设置元素的 CSS 属性- 用法：
$("p").css({ "color": "#ff0011", "background": "blue" }) - 描述：设置匹配元素的多个 CSS 属性
- 用法：
12. 位置
offset()：获取元素在当前视口的相对偏移- 用法：
$("p:last").offset({ top: 10, left: 30 }) - 描述：返回元素的 top 和 left 坐标
- 用法：
position()：获取元素相对父元素的偏移- 用法：
$("p:first").position() - 描述：返回元素相对于其父元素的 top 和 left 坐标
- 用法：
scrollTop([val])：滚动到指定的垂直位置- 用法：
$("div.demo").scrollTop(300) - 描述：滚动到指定的 y 坐标
- 用法：
scrollLeft([val])：滚动到指定的水平位置- 用法：
$("p:first").scrollLeft() - 描述：滚动到指定的 x 坐标
- 用法：
13. 尺寸
height([val])：获取元素的高度- 用法：
$("p").height(); - 描述：返回匹配元素的高度（px）
- 用法：
width([val])：获取元素的宽度- 用法：
$("p").width(20); - 描述：返回匹配元素的宽度（px）
- 用法：
- 内部和外部尺寸：
innerHeight(),innerWidth(),outerHeight(),outerWidth()- 描述：返回元素内部或外部的尺寸
14. 文档处理
append()：向元素内部追加内容- 用法：
$("p").append("<b>Hello</b>") - 描述：在 p 元素内部添加 HTML 内容
- 用法：
appendTo()：将元素追加到指定位置- 用法：
$("p").appendTo("div"); - 描述：将 p 元素追加到 div 元素
- 用法：
prepend()：向元素内部前置内容- 用法：
$("p").prepend("<b>Hello</b>") - 描述：在 p 元素内部前面添加 HTML 内容
- 用法：
prependTo()：将元素前置到指定位置- 用法：
$("p").prependTo("#foo"); - 描述：将 p 元素前置到 #foo 元素
- 用法：
after()：在元素之后插入内容- 用法：
$("p").after("<b>Hello</b>") - 描述：在 p 元素后面添加 HTML 内容
- 用法：
before()：在元素之前插入内容- 用法：
$("p").before("<b>Hello</b>") - 描述：在 p 元素前面添加 HTML 内容
- 用法：
insertAfter()：将元素插入到指定位置后面- 用法：
$("p").insertAfter("#foo"); - 描述：将 p 元素插入到 #foo 元素的后面
- 用法：
insertBefore()：将元素插入到指定位置前面- 用法：
$("p").insertBefore("#foo"); - 描述：将 p 元素插入到 #foo 元素的前面
- 用法：
wrap()：将元素包裹在指定 HTML 中- 用法：
$("p").wrap("<div></div>") - 描述：将 p 元素包裹在 div 标签中
- 用法：
unwrap()：移除外层包裹- 用法：
$("p").unwrap() - 描述：移除包裹元素
- 用法：
wrapAll()：将所有元素包裹在指定 HTML 中- 用法：
$("p").wrapAll("<div></div>") - 描述：将所有 p 元素包裹在 div 标签中
- 用法：
wrapInner()：将元素内部内容包裹在指定 HTML 中- 用法：
$("p").wrapInner("<b></b>") - 描述：将 p 元素的内容包裹在 b 标签中
- 用法：
15. 替换
replaceWith()：用指定内容替换元素- 用法：
$("p").replaceWith("<b>Paragraph. </b>") - 描述：将 p 元素替换为指定 HTML
- 用法：
replaceAll()：用匹配的选择器替换所有元素- 用法：
$("<b>Paragraph. </b>").replaceAll("p") - 描述：替换所有 p 元素为 b 元素
- 用法：
16. 删除
empty()：删除元素内的所有子节点- 用法：
$("p").empty(); - 描述：清空 p 元素的内容
- 用法：
remove()：从 DOM 中删除元素- 用法：
$("p").remove(); - 描述：移除匹配的 p 元素
- 用法：
detach()：从 DOM 中删除元素及其事件绑定- 用法：
$("p").detach(); - 描述：移除 p 元素及其事件绑定
- 用法：
17. 复制
clone()：克隆元素- 用法：
$("b").clone().prependTo("p"); - 描述：将 b 元素克隆并追加到 p 元素
- 用法：
18. 筛选
eq(index)：获取指定索引的元素- 用法：
$("p").eq(1) - 描述：返回匹配元素集合中的第 1 个元素
- 用法：
first()：获取第一个元素- 用法：
$('li').first() - 描述：返回 li 元素集合中的第一个元素
- 用法：
last()：获取最后一个元素- 用法：
$('li').last() - 描述：返回 li 元素集合中的最后一个元素
- 用法：
hasClass(class)：检查是否含有指定类- 用法：
$("p").hasClass("selected") - 描述：判断 p 元素是否含有 selected 类
- 用法：
filter(expr)：筛选符合表达式的元素- 用法：
$("p").filter(".selected") - 描述：筛选具有 selected 类的 p 元素
- 用法：
is(expr)：判断是否符合表达式- 用法：
$("input[type='checkbox']").parent().is("form") - 描述：判断 checkbox 的父元素是否是 form
- 用法：
map(callback)：将元素集合转换为数组- 用法：
$("p").map(function() { return $(this).text(); }) - 描述：将 p 元素集合中的每个元素的文本转换为数组
- 用法：
has(expr)：保留包含指定后代的元素- 用法：
$('li').has('ul') - 描述：保留 li 元素中包含 ul 的元素
- 用法：
not(expr)：删除与表达式匹配的元素- 用法：
$("p").not( $("#selected")[0] ) - 描述：从 p 元素集合中删除匹配 #selected 元素
- 用法：
slice(start, [end])：选取子集- 用法：
$("p").slice(0, 1) - 描述：返回匹配元素集合中的第 0 到 1 个元素
- 用法：
19. 查找
children([expr])：获取元素的直接子元素- 用法：
$("div").children() - 描述：返回 div 元素的直接子元素集合
- 用法：
closest([e|o])：查找元素的所有祖先- 用法：
$("li:first").closest(["ul", "body"]) - 描述：从 li 元素开始，向上查找 ul 和 body 元素
- 用法：
find([expr])：搜索子元素- 用法：
$("p").find("span") - 描述：在 p 元素中查找 span 元素
- 用法：
next([expr])：查找紧邻的同辈- 用法：
$("p").next(".selected") - 描述：查找 p 元素紧邻的 .selected 元素
- 用法：
prev([expr])：查找紧邻的前一个同辈- 用法：
$("p").prev(".selected") - 描述：查找 p 元素紧邻的 .selected 元素
- 用法：
siblings([expr])：查找所有同辈- 用法：
$("div").siblings(".selected") - 描述：查找 div 元素中所有 .selected 元素
- 用法：
20. 串联
add(expr)：添加元素到集合- 用法：
$("p").add("span") - 描述：将 span 元素添加到 p 元素集合中
- 用法：
addBack()：将元素集合添加回当前集合- 用法：
$("p").addBack() - 描述：将 p 元素集合添加回当前集合
- 用法：
contents()：获取元素的所有子节点- 用法：
$("p").contents() - 描述：返回 p 元素的所有子节点，包括文本节点
- 用法：
end()：回到链式操作的起点- 用法：
$("p").find("span").end() - 描述：回到最初的 p 元素
- 用法：
21. 核心
each(callback)：逐个执行回调函数- 用法：
$("img").each(function(i) { this.src = "test" + i + ".jpg"; }) - 描述：以每个匹配元素作为上下文执行回调函数
- 用法：
length：返回元素集合的长度- 用法：
$("img").length - 描述：返回匹配元素的个数
- 用法：
get([index])：获取指定索引的元素- 用法：
$("img").get(0) - 描述：返回匹配元素集合中的第 0 个元素
- 用法：
index([selector])：根据选择器返回索引值- 用法：
$("img").index("#logo") - 描述：找到 #logo 元素在 img 集合中的索引
- 用法：
data(key, [value])：获取或设置元素上的数据- 用法：
$("img").data("alt") - 描述：获取 img 元素的 alt 属性值
- 用法：
removeData(key)：删除元素上的数据- 用法：
$("img").removeData("alt") - 描述：移除 img 元素的 alt 数据
- 用法：
queue(e, [q])：管理队列- 用法：
$("img").queue({ disable: true }); - 描述：禁用队列
- 用法：
dequeue([queueName])：从队列中删除任务- 用法：
$("img").dequeue("default"); - 描述：从队列中删除指定队列的任务
- 用法：
clearQueue([queueName])：清空队列- 用法：
$("img").clearQueue(); - 描述：清空所有队列
- 用法：
22. 事件
- 事件处理：
on(event, [sel], [data], fn)：绑定事件- 用法：
$("p").on("click", function() { alert($(this).text()); }) - 描述：在 p 元素上绑定 click 事件
- 用法：
off(event, [sel], [fn])：移除事件绑定- 用法：
$("p").off("click", "**") - 描述：移除 p 元素上的所有 click 事件绑定
- 用法：
one(type, [data], fn)：绑定一次性事件- 用法：
$("p").one("click", function() { alert($(this).text()); }) - 描述：绑定一次 click 事件
- 用法：
trigger(type, [data])：触发事件- 用法：
$("form:first").trigger("submit") - 描述：在 form 元素上触发 submit 事件
- 用法：
- 事件对象：
currentTarget：当前 DOM 元素data：事件处理器绑定的数据delegateTarget：当前处理器绑定的元素isDefaultPrevented()：判断是否调用了 preventDefault()isImmediatePropagationStopped()：判断是否停止了事件冒泡isPropagationStopped()：判断是否停止了事件传播namespace：事件命名空间pageX、pageY：鼠标坐标preventDefault()：阻止默认行为relatedTarget：相关 DOM 元素result：事件处理器返回值stopImmediatePropagation()：停止事件传播stopPropagation()：停止事件传播target：最初触发事件的 DOM 元素timeStamp：事件发生的时间戳type：事件类型which：键盘或鼠标按下的键
23. 回调函数
- jQuery 函数的回调方法：
add(callbacks)：添加回调列表- 用法：
$("img").add(function() { console.log("加载完成"); }) - 描述：添加完成回调
- 用法：
disable()：禁用回调列表- 用法：
$("img").disable(); - 描述：禁用回调列表
- 用法：
empty()：清空回调列表- 用法：
$("img").empty(); - 描述：清空回调列表
- 用法：
fire(arguments)：触发回调列表- 用法：
$("img").fire(); - 描述：触发所有回调函数
- 用法：
fireWith(context, [args])：触发回调函数- 用法：
$("img").fireWith(null, ["load']); - 描述：触发回调函数，传入上下文和参数
- 用法：
has(callback)：判断是否有回调函数- 用法：
$("img").has(function() { return true; }); - 描述：判断回调列表中是否有匹配的回调函数
- 用法：
lock()：锁定回调列表- 用法：
$("img").lock(); - 描述：锁定当前状态的回调列表
- 用法：
locked()：判断是否锁定- 用法：
$("img").locked(); - 描述：判断回调列表是否被锁定
- 用法：
remove(callbacks)：删除回调函数- 用法：
$("img").remove(function() { return true; }); - 描述：删除匹配的回调函数
- 用法：
$.callbacks：回调列表对象- 描述：提供管理回调列表的方法
24. 效果
show([s], [e], [fn])：显示元素- 用法：
$("p").show(); - 描述：显示匹配的 p 元素
- 用法：
hide([s], [e], [fn])：隐藏元素- 用法：
$("p").hide(); - 描述：隐藏匹配的 p 元素
- 用法：
toggle([s], [e], [fn])：切换元素可见性- 用法：
$("p").toggle(); - 描述：切换 p 元素的可见性
- 用法：
- 动画效果：
slideDown([s], [e], [fn])：向下滑动显示- 用法：
$("p").slideDown(); - 描述：通过高度变化显示 p 元素
- 用法：
slideUp([s], [e], [fn])：向上滑动隐藏- 用法：
$("p").slideUp(); - 描述：通过高度变化隐藏 p 元素
- 用法：
slideToggle([s], [e], [fn])：切换滑动效果- 用法：
$("p").slideToggle(); - 描述：切换 p 元素的可见性，使用滑动效果
- 用法：
- 淡入淡出：
fadeIn([s], [e], [fn])：淡入显示- 用法：
$("p").fadeIn(); - 描述：通过不透明度淡入显示 p 元素
- 用法：
fadeOut([s], [e], [fn])：淡出隐藏- 用法：
$("p").fadeOut(); - 描述：通过不透明度淡出隐藏 p 元素
- 用法：
fadeTo([s], [o], [e], [fn])：渐变不透明度- 用法：
$("p").fadeTo("opacity", 0); - 描述：将 p 元素的不透明度调整到 0
- 用法：
fadeToggle([s], [e], [fn])：切换淡入淡出- 用法：
$("p").fadeToggle(); - 描述：切换 p 元素的淡入淡出状态
- 用法：
- 自定义动画：
animate(p, [s], [e], [fn])：创建自定义动画- 用法：
$("p").animate({ left: "+=20" }, 1000); - 描述：将 p 元素向左移动 20 像素，持续 1000 ms
- 用法：
stop([c], [j])：停止动画- 用法：
$("p").stop(true); - 描述：立即停止当前动画
- 用法：
delay(d, [q])：设置延迟- 用法：
$("p").delay(1000); - 描述：延迟执行队列中的下一个任务
- 用法：
finish([queue])：完成当前动画- 用法：
$("p").finish(); - 描述：完成所有正在执行的动画，并删除队列
- 用法：
25. 工具
- 浏览器及特性检测：
$.support：浏览器特性检测$.browser：浏览器内核标识$.browser.version：浏览器版本$.boxModel：盒模型检测
- 数组和对象操作：
$.each(object, [callback])：遍历对象和数组- 用法：
$.each({ a: 1, b: 2 }, function(key, value) { console.log(key, value); }) - 描述：遍历对象属性或数组元素
- 用法：
$.extend([d], tgt, obj1, [objN])：扩展对象- 用法：
$.extend({ a: 1 }, { b: 2 }) - 描述：返回 { a: 1, b: 2 }
- 用法：
$.grep(array, fn, [invert])：过滤数组- 用法：
$.grep([1, 2, 3], function(n) { return n % 2 === 0; }) - 描述：筛选偶数
- 用法：
$.makeArray(obj)：将对象转换为数组- 用法：
$.makeArray([{ a: 1 }, { b: 2 }]) - 描述：返回 [{ a: 1 }, { b: 2 }]
- 用法：
$.map(arr|obj, callback)：转换数组或对象- 用法：
$.map([1, 2, 3], function(n) { return n * 2; }) - 描述：返回 [2, 4, 6]
- 用法：
$.inArray(val, arr, [from])：查找数组中的值- 用法：
$.inArray(3, [1, 2, 3]) - 描述：返回 3 的索引
- 用法：
$.toArray()：将 jQuery 集合转换为数组- 用法：
$("p").toArray() - 描述：返回匹配 p 元素的数组
- 用法：
$.merge(first, second)：合并数组- 用法：
$.merge([1], [2, 3]) - 描述：返回 [1, 2, 3]
- 用法：
$.uniqueSort(array)：去重并排序数组- 用法：
$.uniqueSort([1, 2, 1, 3]) - 描述：返回 [1, 2, 3]
- 用法：
$.parseJSON(json)：解析 JSON- 用法：
$.parseJSON('{"a":1}') - 描述：返回 { a: 1 }
- 用法：
$.parseXML(data)：解析 XML- 用法：
$.parseXML('<?xml version="1.0" encoding="utf-8"?> <root/>') - 描述：返回 jQuery 对象
- 用法：
- 函数操作：
$.noop：空函数- 用法：
$.noop(); - 描述：执行无操作
- 用法：
$.proxy(function, context)：创建代理函数- 用法：
$.proxy(function() { return this.x; }, obj) - 描述：以 obj 作为上下文执行函数
- 用法：
- 测试操作：
$.contains(c, c)：检查 DOM 节点包含- 用法：
$.contains($("p"), $("span")) - 描述：判断 p 元素是否包含 span 元素
- 用法：
$.type(obj)：检测数据类型- 用法：
$.type("string") - 描述：返回 "string"
- 用法：
$.isArray(obj)：检测是否为数组- 用法：
$.isArray([1, 2, 3]) - 描述：返回 true
- 用法：
$.isFunction(obj)：检测是否为函数- 用法：
$.isFunction(function() {}) - 描述：返回 true
- 用法：
$.isEmptyObject(obj)：检测是否为空对象- 用法：
$.isEmptyObject({}) - 描述：返回 true
- 用法：
$.isPlainObject(obj)：检测是否为纯粹对象- 用法：
$.isPlainObject({}) - 描述：返回 true
- 用法：
$.isNumeric(value)：检测是否为数字- 用法：
$.isNumeric(3.14) - 描述：返回 true
- 用法：
- 字符串操作：
$.trim(str)：去除空格- 用法：
$.trim(" hello ") - 描述：返回 "hello"
- 用法：
- URL 操作：
$.param(obj, [traditional])：序列化表单数据- 用法：
$.param({ name: "john", email: "j@domain.com" }) - 描述：返回 name=john&email=j%40domain.com
- 用法：
26. 延迟对象
def.done(d, [d])：延迟完成回调- 用法：
def.done(function() { console.log("完成"); }) - 描述：在延迟成功时执行回调
- 用法：
def.fail(failCallbacks)：延迟失败回调- 用法：
def.fail(function() { console.log("失败"); }) - 描述：在延迟失败时执行回调
- 用法：
def.reject(args)：拒绝延迟并执行失败回调- 用法：
def.reject("错误信息"); - 描述：拒绝延迟并传递错误信息
- 用法：
def.resolve(args)：解决延迟并执行完成回调- 用法：
def.resolve("成功信息"); - 描述：解决延迟并传递成功信息
- 用法：
def.resolveWith(c, [a])：解决延迟并执行完成回调- 用法：
def.resolveWith(document.body, ["加载成功"]); - 描述：以 document.body 作为上下文，传递 ["加载成功"] 作为参数
- 用法：
def.rejectWith(c, [a])：拒绝延迟并执行失败回调- 用法：
def.rejectWith(document.body, ["加载失败"]); - 描述：以 document.body 作为上下文，传递 ["加载失败"] 作为参数
- 用法：
def.then(d, [f], [p])：绑定延迟完成和失败回调- 用法：
def.then(function() { console.log("成功"); }, function() { console.log("失败"); }); - 描述：绑定延迟完成和失败回调
- 用法：
def.promise([ty], [ta])：创建 Promise 对象- 用法：
def.promise(); - 描述：返回一个 Promise 对
- 用法：
发表评论
最新留言
白红宇的个人博客 - 记录点点滴滴的事 - 您是第 466092680 位访客