【前端】jQuery 备忘清单(超级详细!)

文章目录

    • 入门
      • 引入 jQuery
        • 官方 CDN
      • jQuery 语法
        • 例子
      • jQuery 文档准备就绪
    • jQuery 选择器
      • 例子
        • 组合选择器
      • 基本
      • 基本过滤器
      • 属性
      • 子过滤器
      • Forms
    • jQuery 属性
      • 例子
        • jQuery 添加类
        • jQuery 移除类
        • jQuery 切换类
      • Attributes
        • Data
      • CSS
      • Dimensions
      • Offset
    • jQuery 操控
      • Examples
      • 复刻
      • DOM 插入,环绕
      • DOM 插入,内部
      • DOM 插入,外部
      • DOM 移除
      • DOM 替换
    • jQuery 遍历
      • 过滤
      • 杂项遍历
      • 树遍历
    • jQuery 事件
      • Examples
        • 事件对象
        • 方法链
        • 防止事件
      • 浏览器事件
      • 事件对象
      • 文档加载
      • 事件处理程序附件
      • 形式事件
      • 键盘事件
      • 鼠标事件
    • jQuery Effects
      • 例子
        • 淡出效果
      • 基本
      • 滑动
      • 自定义
      • 衰退
    • jQuery Ajax
      • Examples
      • 全局 Ajax 事件处理程序
      • 辅助功能
      • 底层接口
      • 速记方法
    • 各种各样的
      • jQuery 对象
      • 延迟对象
      • 公用事业
      • DOM 元素方法
      • 内部结构
      • 回调对象

jQuery 备忘单对于初学者和有经验的开发人员都是很好的参考

入门

引入 jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
官方 CDN
<script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>

jQuery 语法

$(selector).methodOrFunction();
例子
$('#menu').on('click', () =>{$(this).hide();  
});
$("body").css("background", "red");

jQuery 文档准备就绪

$(document).ready(function() {// 在加载 DOM 后运行alert('DOM fully loaded!');
});
$(function(){// 在加载 DOM 后运行alert('DOM fully loaded!');
});

jQuery 选择器

例子

$("button").click(() => {$(":button").css("color", "red");
});
组合选择器
$("selector1, selector2 ...selectorn")

基本

  • * 选择所有元素
  • .class 选择具有给定类的所有元素
  • element 选择具有给定标签名称的所有元素
  • #id 选择具有给定 id 属性的单个元素
  • :hidden 选择所有隐藏的元素
  • :visible 选择所有可见的元素
  • :contains() 选择包含指定文本的所有元素
  • :empty 选择所有没有子元素的元素(包括文本节点)
  • :has() 选择至少包含一个与指定选择器匹配的元素的元素
  • :parent 选择具有至少一个子节点(元素或文本)的所有元素
  • parent > child 选择由父元素指定的子元素指定的所有直接子元素
  • ancestor descendant 选择作为给定祖先的后代的所有元素
  • prev + next 选择所有与 next 匹配且紧接在其前面的同级 prev 的下一个元素
  • prev ~ siblings 选择 prev 元素之后的所有同级元素,具有相同的父元素,并匹配过滤同级选择器

基本过滤器

  • :animated 在运行选择器时选择动画进度中的所有元素
  • :eq() 选择匹配集中索引 n 处的元素
  • :even 选择偶数元素,索引为零。 另见:奇数
  • :first 选择第一个匹配的 DOM 元素
  • :gt() 选择匹配集中索引大于索引的所有元素
  • :header 选择所有标题元素,如 h1、h2、h3 等
  • :lang() 选择指定语言的所有元素
  • :last 选择最后一个匹配的元素
  • :lt() 选择匹配集中索引小于索引的所有元素
  • :not() 选择与给定选择器不匹配的所有元素
  • :odd 选择奇数元素,索引为零。 另见:甚至
  • :root 选择作为文档根的元素
  • :target 选择由文档的 URI 的片段标识符指示的目标元素

属性

  • [name|=“value”] 选择具有指定属性且值等于给定字符串或以该字符串开头后跟连字符 (-) 的元素
  • [name*=“value”] 选择具有指定属性且值包含给定子字符串的元素
  • [name~=“value”] 选择具有指定属性的元素,其值包含给定单词,由空格分隔
  • [name$=“value”] 选择具有指定属性且值恰好以给定字符串结尾的元素。 比较区分大小写
  • [name=“value”] 选择具有指定属性且值恰好等于特定值的元素
  • [name!=“value”] 选择不具有指定属性或具有指定属性但不具有特定值的元素
  • [name^=“value”] 选择具有指定属性且值恰好以给定字符串开头的元素
  • [name] 选择具有指定属性和任意值的元素
  • [name=“value”] 匹配匹配所有指定属性过滤器的元素

子过滤器

  • :first-child 选择作为其父元素的第一个子元素的所有元素
  • :first-of-type 选择具有相同元素名称的兄弟姐妹中第一个的所有元素
  • :last-child 选择作为其父元素的最后一个子元素的所有元素
  • :last-of-type 选择具有相同元素名称的兄弟中最后一个的所有元素
  • :nth-child() 选择作为其父元素的第 n 个子元素的所有元素
  • :nth-last-child() 选择作为其父元素的第 n 个子元素的所有元素,从最后一个元素到第一个元素计数
  • :nth-last-of-type() 选择所有元素,这些元素是其父元素的第 n 个子元素,相对于具有相同元素名称的兄弟元素,从最后一个元素到第一个元素计数
  • :nth-of-type() 选择所有元素,这些元素是其父元素相对于具有相同元素名称的兄弟元素的第 n 个子元素
  • :only-child 选择作为其父元素的唯一子元素的所有元素
  • :only-of-type() 选择所有没有同名元素的元素

Forms

  • :button 选择所有按钮元素和按钮类型的元素
  • :checkbox 选择复选框类型的所有元素
  • :checked 匹配所有选中或选择的元素
  • :disabled 选择所有禁用的元素
  • :enabled 选择所有启用的元素
  • :focus 如果当前获得焦点,则选择元素
  • :file 选择类型文件的所有元素
  • :image 选择图像类型的所有元素
  • :input 选择所有输入、文本区域、选择和按钮元素
  • :password 选择密码类型的所有元素
  • :radio 选择无线电类型的所有元素
  • :reset 选择重置类型的所有元素
  • :selected 选择所有选中的元素
  • :submit 选择提交类型的所有元素
  • :text 选择文本类型的所有输入元素

jQuery 属性

例子

$('h2').css({color: 'blue',backgroundColor: 'gray',fontSize: '24px'
});
jQuery 添加类
$('.button').addClass('active'); 
jQuery 移除类
$('.button').on('mouseleave', evt => {let e = evt.currentTarget;$(e).removeClass('active');
});
jQuery 切换类
$('.choice').toggleClass('highlighted');

Attributes

  • .attr() 获取匹配元素集中第一个元素的属性值
  • .prop() 获取匹配元素集中第一个元素的属性值
  • .removeAttr() 从匹配元素集中的每个元素中删除一个属性
  • .removeProp() 删除匹配元素集的属性
  • .val() 获取匹配元素集中第一个元素的当前值
Data
  • jQuery.data() 存储与指定元素关联的任意数据。 返回设置的值
  • .data() 存储与匹配元素关联的任意数据
  • jQuery.hasData() 确定一个元素是否有任何与之关联的 jQuery 数据
  • jQuery.removeData() 删除以前存储的数据
  • .removeData() 删除以前存储的数据

CSS

  • .addClass() 将指定的类添加到匹配元素集中的每个元素
  • .hasClass() 确定是否有任何匹配的元素被分配给给定的类
  • .removeClass() 从匹配元素集中的每个元素中删除单个类、多个类或所有类
  • .toggleClass() 根据类的存在或状态参数的值,从匹配元素集中的每个元素添加或删除一个或多个类
  • .css() 获取匹配元素集中第一个元素的计算样式属性
  • jQuery.cssHooks 直接连接到 jQuery 以覆盖特定 CSS 属性的检索或设置方式、标准化 CSS 属性命名或创建自定义属性
  • jQuery.cssNumber 包含所有可以在没有单位的情况下使用的 CSS 属性的对象。.css() 方法使用此对象来查看它是否可以将 px 附加到无单位值
  • jQuery.escapeSelector() 转义任何在 CSS 选择器中具有特殊含义的字符

Dimensions

  • .height() 获取匹配元素集中第一个元素的当前计算高度
  • .innerHeight() 获取匹配元素集中第一个元素的当前计算高度,包括填充但不包括边框
  • .innerWidth() 获取匹配元素集中第一个元素的当前计算内部宽度,包括填充但不包括边框
  • .outerHeight() 获取匹配元素集中第一个元素的当前计算外部高度(包括填充、边框和可选的边距)
  • .outerWidth() 获取匹配元素集中第一个元素的当前计算外部宽度(包括填充、边框和可选的边距)
  • .width() 获取匹配元素集中第一个元素的当前计算宽度

Offset

  • .offset() 获取匹配元素集中第一个元素相对于文档的当前坐标
  • .offsetParent() 获取定位的最近的祖先元素
  • .position() 获取匹配元素集中第一个元素相对于偏移父元素的当前坐标
  • .scrollLeft() 获取匹配元素集中第一个元素的滚动条的当前水平位置
  • .scrollTop() 获取匹配元素集中第一个元素的滚动条的当前垂直位置,或为每个匹配元素设置滚动条的垂直位置

jQuery 操控

Examples

/*<span>Span.</span>*/
$('span').after('<p>Paragraph.</p>');
/*<span>Span.</span><p>Paragraph.</p>*/
/*<span>Span.</span>*/
$('<span>Span.</span>').replaceAll('p');
/*<p>Span.</p>*/
/*<span>This is span.</span>*/
$('span').wrap('<p></p>');
/*<p><span>This is span.</span></p>*/

复刻

  • .clone() 创建匹配元素集的深层副本

DOM 插入,环绕

  • .wrap() 在匹配元素集中的每个元素周围包装一个 HTML 结构
  • .wrapAll() 在匹配元素集中的所有元素周围包装一个 HTML 结构
  • .wrapInner() 围绕匹配元素集中每个元素的内容包装一个 HTML 结构

DOM 插入,内部

  • .append() 在匹配的元素集中,插入由参数指定的内容插入每个元素的末尾
  • .appendTo() 将匹配元素集中的每个元素插入目标末端
  • .html() 在匹配元素集中获取第一个元素的HTML内容
  • .prepend() 插入由参数指定的内容插入匹配元素集中每个元素的开始
  • .prependTo() 将匹配元素集中的每个元素插入目标开始
  • .text() 在匹配的元素集(包括其后代)中获取每个元素的组合文本内容

DOM 插入,外部

  • .after() 在匹配元素集中的每个元素之后,插入由参数指定的内容
  • .before() 在匹配元素集中的每个元素之前,插入由参数指定的内容
  • .insertAfter() 在目标之后插入匹配元素集中的每个元素
  • .insertBefore() 在目标之前插入匹配元素集中的每个元素

DOM 移除

  • .detach() 从DOM上删除一组匹配的元素
  • .empty() 从DOM中删除一组匹配元素的所有子节点
  • .remove() 从DOM上删除一组匹配的元素
  • .unwrap() 从DOM上删除一组匹配元素的父母,将匹配的元素留在其位置

DOM 替换

  • .replaceAll() 用匹配的元素集替换每个目标元素
  • .replaceWith() 用提供的新内容替换一组匹配元素中的每个元素,然后返回已删除的元素集

jQuery 遍历

过滤

  • .eq() 将匹配的元素集减少到指定索引处的集合
  • .filter() 将匹配的元素集减少到匹配选择器或传递函数测试的元素
  • .first() 将匹配的元素集减少到集合中的第一个
  • .has() 将匹配的元素集减少到具有与选择器或DOM元素相匹配的后代的元素
  • .is() 检查当前匹配的元素与选择器,元素或jQuery对象的元素集,如果至少其中一个元素与给定参数匹配,则返回true
  • .last() 将匹配的元素集减少到集合中的最后一个元素
  • .map() 将当前匹配的每个元素通过函数传递,从而产生包含返回值的新jQuery对象
  • .not() 从匹配元素集中删除元素
  • .slice() 将匹配的元素集减少为由一系列索引指定的子集

杂项遍历

  • .add() 创建一个新的jQuery对象,其中添加到匹配元素集中的元素
  • .addBack() 将堆栈上的上一个元素添加到当前集合中,并由选择器进行过滤
  • .andSelf() 将堆栈上的先前元素添加到当前集合中
  • .contents() 在一组匹配元素中获取每个元素的孩子,包括文本和评论节点
  • .each() 在jQuery对象上迭代,为每个匹配的元素执行一个函数
  • .end() 结束当前链中最新的过滤操作,并将匹配元素集返回其先前状态

树遍历

  • .children() 在一组匹配元素中获取每个元素的孩子,并被选择器进行过滤
  • .closest() 对于集合中的每个元素,通过测试元素本身并通过其祖先在DOM树中的祖先进行遍历来获取与选择器匹配的第一个元素
  • .find() 在当前匹配元素集中获取每个元素的后代,并由选择器,jQuery对象或元素过滤
  • .next() 在匹配的元素集中,立即获取每个元素的兄弟姐妹。 如果提供了选择器,则仅在匹配该选择器的情况下才能检索下一个兄弟姐妹
  • .nextAll() 在一组匹配元素中获取每个元素的所有以下兄弟姐妹,并由选择器进行过滤
  • .nextUntil() 将每个元素的所有以下兄弟姐妹添加到,但不包括通过选择器,DOM节点或jQuery对象匹配的元素
  • .parent() 在当前匹配元素集中获取每个元素的父,由选择器选择过滤
  • .parents() 在当前匹配元素集中获取每个元素的祖先,并被选择器进行过滤
  • .parentsUntil() 在当前匹配元素集中获取每个元素的祖先,直到但不包括由选择器,DOM节点或jQuery对象匹配的元素
  • .prev() 在匹配元素集中获取每个元素的立即兄弟姐妹。 如果提供了选择器,则仅在匹配该选择器时才检索先前的同胞
  • .prevAll() 在一组匹配元素中获取每个元素的所有先前兄弟姐妹,并由选择器进行过滤
  • .prevUntil() 将每个元素的所有先前兄弟姐妹添加到,但不包括由选择器,DOM节点或jQuery对象匹配的元素
  • .siblings() 在匹配的元素集中获取每个元素的兄弟姐妹,并被选择器进行过滤

jQuery 事件

Examples

// 鼠标事件“点击”
$('#menu-button').on('click', () => {$('#menu').show();
});
// 键盘事件“键盘”
$('#textbox').on('keyup', () => {$('#menu').show();
});
// 滚动事件“滚动”
$('#menu-button').on('scroll', () => {$('#menu').show();
});
事件对象
$('#menu').on('click', event => {$(event.currentTarget).hide();
});
方法链
$('#menu-btn').on('mouseenter', () => {$('#menu').show();
}).on('mouseleave', () => {$('#menu').hide();
});
防止事件
$( "p" ).click(function( event ) {event.stopPropagation();// Do something
});

浏览器事件

  • .error() 将事件处理程序绑定到错误 JavaScript 事件
  • .resize() 将事件处理程序绑定到调整大小的 JavaScript 事件,或在元素上触发该事件
  • .scroll() 将事件处理程序绑定到滚动 JavaScript 事件,或在元素上触发该事件

事件对象

  • event.currentTarget 事件冒泡阶段中的当前 DOM 元素
  • event.delegateTarget 附加了当前调用的 jQuery 事件处理程序的元素
  • event.data 绑定当前正在执行的处理程序时传递给事件方法的可选数据对象
  • event.isDefaultPrevented() 返回是否曾在此事件对象上调用过 event.preventDefault()
  • event.isImmediatePropagationStopped() 返回是否曾在此事件对象上调用过 event.stopImmediatePropagation()
  • event.isPropagationStopped() 返回是否曾在此事件对象上调用过 event.stopPropagation()
  • event.metaKey 指示事件触发时是否按下了 META 键
  • event.namespace 触发事件时指定的命名空间
  • event.pageX 鼠标相对于文档左边缘的位置
  • event.pageY 鼠标位置相对于文档的上边缘
  • event.preventDefault() 如果调用该方法,则不会触发事件的默认动作
  • event.relatedTarget 事件中涉及的其他 DOM 元素(如果有)
  • event.result 由此事件触发的事件处理程序返回的最后一个值,除非该值未定义
  • event.stopImmediatePropagation() 保持其余的处理程序不被执行,并防止事件在 DOM 树中向上冒泡
  • event.stopPropagation() 防止事件在 DOM 树中向上冒泡,从而防止任何父处理程序收到事件通知
  • event.target 发起事件的 DOM 元素
  • event.timeStamp 浏览器创建事件的时间与 1970 年 1 月 1 日之间的毫秒差
  • event.type 描述事件的性质
  • event.which 对于键或鼠标事件,此属性指示按下的特定键或按钮

文档加载

  • .load() 将事件处理程序绑定到加载 JavaScript 事件
  • .ready() 指定在 DOM 完全加载时执行的函数
  • .unload() 将事件处理程序绑定到卸载 JavaScript 事件

事件处理程序附件

  • .bind() 将处理程序附加到元素的事件
  • .delegate() 基于一组特定的根元素,将处理程序附加到现在或将来与选择器匹配的所有元素的一个或多个事件
  • .die() 从元素中删除先前使用 .live() 附加的事件处理程序
  • .live() 现在和将来为所有匹配当前选择器的元素附加一个事件处理程序
  • .off() 删除事件处理程序
  • .on() 将一个或多个事件的事件处理函数附加到所选元素
  • .one() 将处理程序附加到元素的事件。 每个事件类型的每个元素最多执行一次处理程序
  • .trigger() 执行附加到给定事件类型的匹配元素的所有处理程序和行为
  • .triggerHandler() 执行附加到事件元素的所有处理程序
  • .unbind() 从元素中删除先前附加的事件处理程序
  • .undelegate() 根据一组特定的根元素,从与当前选择器匹配的所有元素的事件中删除处理程序

形式事件

  • .blur() 将事件处理程序绑定到 blur JavaScript 事件,或在元素上触发该事件
  • .change() 将事件处理程序绑定到更改 JavaScript 事件,或在元素上触发该事件
  • .focus() 将事件处理程序绑定到焦点 JavaScript 事件,或在元素上触发该事件
  • .focusin() 将事件处理程序绑定到 focusin 事件
  • .focusout() 将事件处理程序绑定到 focusout JavaScript 事件
  • .select() 将事件处理程序绑定到 select JavaScript 事件,或在元素上触发该事件
  • .submit() 将事件处理程序绑定到提交 JavaScript 事件,或在元素上触发该事件

键盘事件

  • .keydown() 将事件处理程序绑定到 keydown JavaScript 事件,或在元素上触发该事件
  • .keypress() 将事件处理程序绑定到按键 JavaScript 事件,或在元素上触发该事件
  • .keyup() 将事件处理程序绑定到 keyup JavaScript 事件,或在元素上触发该事件

鼠标事件

  • .click() 将事件处理程序绑定到 click JavaScript 事件,或在元素上触发该事件
  • .contextMenu() 将事件处理程序绑定到 contextmenu JavaScript 事件,或在元素上触发该事件
  • .dblclick() 将事件处理程序绑定到 dblclick JavaScript 事件,或在元素上触发该事件
  • .hover() 将两个处理程序绑定到匹配的元素,当鼠标指针进入和离开元素时执行
  • .mousedown() 将事件处理程序绑定到 mousedown JavaScript 事件,或在元素上触发该事件
  • .mouseenter() 绑定要在鼠标进入元素时触发的事件处理程序,或在元素上触发该处理程序
  • .mouseleave() 绑定要在鼠标离开元素时触发的事件处理程序,或在元素上触发该处理程序
  • .mousemove() 将事件处理程序绑定到 mousemove JavaScript 事件,或在元素上触发该事件
  • .mouseout() 将事件处理程序绑定到 mouseout JavaScript 事件,或在元素上触发该事件
  • .mouseover() 将事件处理程序绑定到 mouseover JavaScript 事件,或在元素上触发该事件
  • .mouseup() 将事件处理程序绑定到 mouseup JavaScript 事件,或在元素上触发该事件
  • .toggle() 将两个或多个处理程序绑定到匹配的元素,以在交替单击时执行

jQuery Effects

例子

$('#menu-button').on('click', () => {// $('#menu').fadeIn(400, 'swing')$('#menu').fadeIn();
});
淡出效果
$('#menu-button').on('click', () => {// $('#menu').fadeOut(400, 'swing')$('#menu').fadeOut();
});

基本

  • .hide() 隐藏匹配的元素
  • .show() 显示匹配的元素
  • .toggle() 显示或隐藏匹配的元素

滑动

  • .slideDown() 以滑动方式显示匹配的元素
  • .slideToggle() 通过滑动显示或隐藏匹配的元素
  • .slideUp() 通过滑动隐藏匹配的元素

自定义

  • .animate() 执行一组 CSS 属性的自定义动画
  • .clearQueue() 从队列中删除所有尚未运行的项目
  • .delay() 设置一个计时器来延迟队列中后续项目的执行
  • .dequeue() 为匹配的元素执行队列上的下一个函数
  • jQuery.dequeue() 为匹配的元素执行队列上的下一个函数
  • .finish() 停止当前运行的动画,移除所有排队的动画,并完成匹配元素的所有动画
  • jQuery.fx.interval 动画触发的速率(以毫秒为单位)
  • jQuery.fx.off 全局禁用所有动画
  • jQuery.speed 创建一个对象,其中包含一组准备用于自定义动画定义的属性
  • .queue() 显示要在匹配元素上执行的函数队列
  • jQuery.queue() 显示要在匹配元素上执行的函数队列
  • .stop() 停止匹配元素上当前运行的动画

衰退

  • .fadeIn() 通过将匹配的元素淡化为不透明来显示它们
  • .fadeOut() 通过将它们淡化为透明来隐藏匹配的元素
  • .fadeTo() 调整匹配元素的不透明度
  • .fadeToggle() 通过设置不透明度动画来显示或隐藏匹配的元素

jQuery Ajax

Examples

$.ajax({url: this.action,type: this.method,data: $(this).serialize()
}).done(function(server_data){console.log("success" + server_data);
}).fail(function(jqXHR, status, err){console.log("fail" + err);
});

全局 Ajax 事件处理程序

  • .ajaxComplete() 注册要在 Ajax 请求完成时调用的处理程序。 这是一个 AjaxEvent
  • .ajaxError() 注册一个处理程序,当 Ajax 请求完成但出现错误时调用。 这是一个 Ajax 事件
  • .ajaxSend() 附加一个要在发送 Ajax 请求之前执行的函数。 这是一个 Ajax 事件
  • .ajaxStart() 注册一个处理程序,在第一个 Ajax 请求开始时调用。 这是一个 Ajax 事件
  • .ajaxStop() 注册一个处理程序,在所有 Ajax 请求完成时调用。 这是一个 Ajax 事件
  • .ajaxSuccess() 附加一个要在 Ajax 请求成功完成时执行的函数。 这是一个 Ajax 事件

辅助功能

  • jQuery.param() 创建适合在 URL 查询字符串或 Ajax 请求中使用的数组、普通对象或 jQuery 对象的序列化表示。 如果传递了 jQuery 对象,它应该包含具有名称/值属性的输入元素
  • .serialize() 将一组表单元素编码为字符串以供提交
  • .serializeArray() 将一组表单元素编码为名称和值的数组

底层接口

  • jQuery.ajax() 执行异步 HTTP (Ajax) 请求
  • jQuery.prefilter() 在发送每个请求之前和 $.ajax() 处理它们之前处理自定义 Ajax 选项或修改现有选项
  • jQuery.ajaxSetup() 为将来的 Ajax 请求设置默认值。 不推荐使用它
  • jQuery.ajaxTransport() 创建一个对象来处理 Ajax 数据的实际传输

速记方法

  • jQuery.get() 使用 HTTP GET 请求从服务器加载数据
  • jQuery.getJSON() 使用 GET HTTP 请求从服务器加载 JSON 编码的数据
  • jQuery.getScript() 使用 GET HTTP 请求从服务器加载 JavaScript 文件,然后执行它
  • jQuery.post() 使用 HTTP POST 请求将数据发送到服务器
  • .load() 从服务器加载数据并将返回的 HTML 放入匹配的元素中

各种各样的

jQuery 对象

  • jQuery() 接受包含 CSS 选择器的字符串,然后用于匹配一组元
  • jQuery.noConflict() 放弃 jQuery 对 $ 变量的控
  • jQuery.sub() 创建一个新的 jQuery 副本,可以在不影响原始 jQuery 对象的情况下修改其属性和方
  • jQuery.holdReady() 持有或释放jQuery的就绪事件的执
  • jQuery.when() 提供一种基于零个或多个 Thenable 对象执行回调函数的方法,通常是表示异步事件的 Deferred 对

延迟对象

  • jQuery.Deferred() 返回可链接实用程序对象的工厂函数,该对象具有将多个回调注册到回调队列、调用回调队列以及中继任何同步或异步函数的成功或失败状态的方法
  • deferred.always() 添加要在延迟对象被解析或拒绝时调用的处理程序
  • deferred.done() 添加要在解析延迟对象时调用的处理程序
  • deferred.fail() 添加处理程序以在延迟对象被拒绝时调用
  • deferred.isRejected() 判断一个 Deferred 对象是否被拒绝
  • deferred.isResolved() 判断一个 Deferred 对象是否已经解析
  • deferred.notify() 使用给定的 args 在 Deferred 对象上调用 progressCallbacks
  • deferred.notifyWith() 使用给定的上下文和参数调用 Deferred 对象的 progressCallbacks
  • deferred.pipe() 过滤和/或链接 Deferreds 的实用方法
  • deferred.progress() 添加在 Deferred 对象生成进度通知时要调用的处理程序
  • deferred.promise() 返回一个 Deferred 的 Promise 对象
  • deferred.reject() 拒绝 Deferred 对象并使用给定的 args 调用任何 failCallbacks
  • deferred.rejectWith() 拒绝 Deferred 对象并使用给定的上下文和参数调用任何 failCallbacks
  • deferred.resolve() 解析一个 Deferred 对象并使用给定的 args 调用任何 doneCallbacks
  • deferred.resolveWith() 解析延迟对象并使用给定的上下文和参数调用任何 doneCallbacks
  • deferred.state() 确定 Deferred 对象的当前状态
  • deferred.then() 添加要在延迟对象被解析、拒绝或仍在进行中时调用的处理程序
  • .promise() 返回一个 Promise 对象以观察绑定到集合的特定类型的所有操作(无论是否排队)何时完成

公用事业

  • jQuery.boxModel 说明用户浏览器中的当前页面是否正在使用 W3C CSS 盒模型呈现
  • jQuery.browser 包含用户代理的标志,从 navigator.userAgent 读取。 此属性在 jQuery 1.9 中被删除,只能通过 jQuery.migrate 插件使用。 请尝试改用特征检测
  • jQuery.contains() 检查一个 DOM 元素是否是另一个 DOM 元素的后代
  • jQuery.each() 通用迭代器函数,可用于无缝迭代对象和数组。 具有长度属性的数组和类似数组的对象(例如函数的参数对象)按数字索引迭代,从 0 到 length-1。 其他对象通过它们的命名属性迭代
  • jQuery.extend() 将两个或多个对象的内容合并到第一个对象中
  • jQuery.globalEval() 全局执行一些 JavaScript 代码
  • jQuery.grep() 查找满足过滤功能的数组元素。 原数组不受影响
  • jQuery.inArray() 在数组中搜索指定值并返回其索引(如果未找到,则返回 -1)
  • jQuery.isArray() 判断参数是否为数组
  • jQuery.isEmptyObject() 检查对象是否为空(不包含可枚举属性)
  • jQuery.isFunction() 确定其参数是否可作为函数调用
  • jQuery.isNumeric() 确定其参数是否表示 JavaScript 数字
  • jQuery.isPlainObject() 检查对象是否为普通对象
  • jQuery.isWindow() 判断参数是否为窗口
  • jQuery.isXMLDoc() 检查 DOM 节点是否在 XML 文档中(或者是 XML 文档)
  • jQuery.makeArray() 将类数组对象转换为真正的 JavaScript 数组
  • jQuery.map() 将数组或对象中的所有项转换为新的项数组
  • jQuery.merge() 将两个数组的内容合并到第一个数组中
  • jQuery.noop() 空函数
  • jQuery.now() 返回代表当前时间的数字
  • jQuery.parseHTML() 将字符串解析为 DOM 节点数组
  • jQuery.parseJSON() 获取格式正确的 JSON 字符串并返回生成的 JavaScript 值
  • jQuery.parseXML() 将字符串解析为 XML 文档
  • jQuery.proxy() 接受一个函数并返回一个总是有特定上下文的新函数
  • jQuery.support 表示存在不同浏览器功能或错误的属性集合。 用于 jQuery 的内部使用; 当内部不再需要特定属性以提高页面启动性能时,可能会删除它们。 对于您自己项目的功能检测需求,我们强烈建议使用外部库(例如 Modernizr),而不是依赖于 jQuery.support 中的属性
  • jQuery.trim() 删除字符串开头和结尾的空格
  • jQuery.type() 确定对象的内部 JavaScript [[Class]]
  • jQuery.unique() 对 DOM 元素数组进行适当的排序,并删除重复项。 请注意,这仅适用于 DOM 元素数组,不适用于字符串或数字
  • jQuery.uniqueSort() 对 DOM 元素数组进行适当的排序,并删除重复项。 请注意,这仅适用于 DOM 元素数组,不适用于字符串或数字

DOM 元素方法

  • .get() 检索与 jQuery 对象匹配的元素之一
  • .index() 从匹配的元素中搜索给定的元素
  • .size() 返回 jQuery 对象中元素的数量
  • .toArray() 检索 jQuery 集合中包含的所有元素,作为数组

内部结构

  • .jquery 包含 jQuery 版本号的字符串
  • .context 最初传递给 jQuery() 的 DOM 节点上下文; 如果未通过,则上下文可能是文档
  • jQuery.error() 获取一个字符串并抛出包含它的异常
  • .length jQuery 对象中元素的数量
  • .pushStack() 将一组 DOM 元素添加到 jQuery 堆栈中
  • .selector 代表选择器的选择器在创建原始集合时传递给 jQuery(),如果有的话

回调对象

  • jQuery.Callbacks() 一个多用途回调列表对象,提供了一种管理回调列表的强大方法
  • callbacks.add() 将回调或回调集合添加到回调列表
  • callbacks.disable() 禁止回调列表做更多的事情
  • callbacks.disabled() 确定回调列表是否已被禁用
  • callbacks.empty() 从列表中删除所有回调
  • callbacks.fire() 使用给定参数调用所有回调
  • callbacks.fired() 确定回调是否已至少被调用一次
  • callbacks.fireWith() 使用给定的上下文和参数调用列表中的所有回调
  • callbacks.has() 确定列表是否附加了任何回调。如果回调作为参数提供,请确定它是否在列表中
  • callbacks.lock() 将回调列表锁定在其当前状态
  • callbacks.locked() 判断回调列表是否被锁定
  • callbacks.remove() 从回调列表中删除回调或回调集合

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/37559.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

多路FM调频广播解调器:多路电台FM广播信号一体化解调处理方案

多路FM调频广播解调器&#xff1a;多路电台FM广播信号一体化解调处理方案 支持OEM型号开放式协议支持二次开发设计 北京海特伟业科技有限公司任洪卓发布于2025年3月21日 在信息传播领域&#xff0c;FM调频广播媒体以其独特的优势持续发挥着重要作用。为了应对日益增长的多路…

报错 - redis - Unit redis.service could not be found.

报错&#xff1a; Unit redis.service could not be found.Could not connect to Redis at 127.0.0.1:6379: Connection refused解决方法&#xff1a; 检查状态、有必要的话 重新安装 Linux 上查看状态 systemctl status redis显示以下内容&#xff0c;代表正常服务 出现下面…

Guava:Google开源的Java工具库,太强大了

&#x1f9d1; 博主简介&#xff1a;CSDN博客专家&#xff0c;历代文学网&#xff08;PC端可以访问&#xff1a;https://literature.sinhy.com/#/?__c1000&#xff0c;移动端可微信小程序搜索“历代文学”&#xff09;总架构师&#xff0c;15年工作经验&#xff0c;精通Java编…

Pytorch中layernorm实现详解

平时我们在编写神经网络时&#xff0c;经常会用到layernorm这个函数来加快网络的收敛速度。那layernorm到底在哪个维度上进行归一化的呢&#xff1f; 一、问题描述 首先借用知乎上的一张图&#xff0c;原文写的也非常好&#xff0c;大家有空可以去阅读一下&#xff0c;链接放…

六十天前端强化训练之第二十五天之组件生命周期大师级详解(Vue3 Composition API 版)

欢迎来到编程星辰海的博客讲解 看完可以给一个免费的三连吗&#xff0c;谢谢大佬&#xff01; 目录 一、生命周期核心知识 1.1 生命周期全景图 1.2 生命周期钩子详解 1.2.1 初始化阶段 1.2.2 挂载阶段 1.2.3 更新阶段 1.2.4 卸载阶段 1.3 生命周期执行顺序 1.4 父子组…

Burp Suite 代理配置与网络通信

目录 1. 引言 2. Burp 代理基础配置 2.1 浏览器代理设置 2.2 Burp 监听端口配置 2.3 常见错误排查 3. 网络问题解决 3.1 端口占用检查 3.2 防火墙配置 3.3 证书信任问题 4. 虚拟机环境配置 4.1 NAT 模式与端口转发 4.2 桥接模式配置 4.3 跨设备访问测试 5. 技术概…

numpy学习笔记16: 1000 次独立随机游走实验(绘制其分布直方图,同时叠加理论正态分布曲线)

numpy学习笔记16&#xff1a; 1000 次独立随机游走实验(绘制其分布直方图&#xff0c;同时叠加理论正态分布曲线) 以下是这段代码(全部代码在最后)的详细分步解释&#xff0c;结合统计学原理和可视化技巧&#xff1a; 1. 代码功能概述 这段代码通过 1000 次独立随机游走实验&…

C# 项目06-计算程序运行时间

实现需求 记录程序运行时间&#xff0c;当程序退出后&#xff0c;保存程序运行时间&#xff0c;等下次程序再次启动时&#xff0c;继续记录运行时间 运行环境 Visual Studio 2022 知识点 TimeSpan 表示时间间隔。两个日期之间的差异的 TimeSpan 对象 TimeSpan P_TimeSpa…

KNN算法

一、KNN算法介绍 KNN 算法&#xff0c;也称 k邻近算法&#xff0c;是 有监督学习 中的 分类算法 。它可以用于分类或回归问题&#xff0c;但它通常用作分类算法。 二、KNN算法流程 1.计算已知类别数据集中的点与当前点的距离 2.按照距离增次序排序 3.选取与当前点距离最小…

星越L_可调悬挂使用讲解

目录 1.可变阻尼设置 1.可变阻尼设置

G-Star 校园开发者计划·黑科大|开源第一课之 Git 入门

万事开源先修 Git。Git 是当下主流的分布式版本控制工具&#xff0c;在软件开发、文档管理等方面用处极大。它能自动记录文件改动&#xff0c;简化合并流程&#xff0c;还特别适合多人协作开发。学会 Git&#xff0c;就相当于掌握了一把通往开源世界的钥匙&#xff0c;以后参与…

html5炫酷3D立体文字效果实现详解

炫酷3D立体文字效果实现详解 这里写目录标题 炫酷3D立体文字效果实现详解项目概述技术实现要点1. 基础布局设置2. 动态背景效果3. 文字渐变效果4. 立体阴影效果5. 悬浮动画效果 技术难点及解决方案1. 文字渐变动画2. 立体阴影效果3. 性能优化 浏览器兼容性总结 项目概述 在这个…

《白帽子讲 Web 安全》之开发语言安全深度解读

目录 引言 1.PHP 安全 1.1变量覆盖 1.2空字节问题 1.3弱类型 1.4反序列化 1.5安全配置 2Java 安全 2.1Security Manager 2.2反射 2.3反序列化 3Python 安全 3.1反序列化 3.2代码保护 4.JavaScript 安全 4.1第三方 JavaScript 资源 4.2JavaScript 框架 5.Node.…

django设置admin的排列顺序,耗3小时【躲坑指南】

django 项目中&#xff0c;这个数据栏目的显示排列顺序我希望更贴近业务 比如要让【商品货品信息】中的9个数据表根据人为规定来进行排序 结果&#xff1a;工程量很大。 能够实现人为的自定义排序 最简单的设置就是给模型添加号数标记 主应用中创建admin–设置了其中一个应用…

macOS使用brew切换Python版本【超详细图解】

目录 一、更新Homebrew仓库 二、安装pyenv 三、将pyenv添加到bash_profile文件中 四、使.bash_profile文件的更改生效 五、安装需要的Python版本 六、设置全局使用的Python版本 七、检查Python版本是否切换成功 pyenv常用命令 一、更新Homebrew仓库 brew update 这个…

【深度学习新浪潮】AI ISP技术与手机厂商演进历史

本文是关于AI ISP(人工智能图像信号处理器)的技术解析、与传统ISP(图像信号处理器)的区别、近三年研究进展,以及各大手机厂商在该领域演进历史的详细报告。本报告综合多个权威来源的信息,力求全面、深入地呈现相关技术发展脉络与行业动态。 第一部分:AI ISP的定义及与传…

如何让节卡机器人精准对点?

如何让节卡机器人精准对点&#xff1f; JAKA Zu 软件主界面主要由功能栏、开关栏、菜单栏构成。 菜单栏&#xff1a;控制柜管理&#xff0c;机器人管理与软件管理组成。主要功能为对控制柜关机、APP 设置、机器人本体设 置、控制柜设置、连接机器人和机器人显示等功能。 开关…

QAI AppBuilder 快速上手(7):目标检测应用实例

YOLOv8_det是YOLO 系列目标检测模型&#xff0c;专为高效、准确地检测图像中的物体而设计。该模型通过引入新的功能和改进点&#xff0c;如因式分解卷积&#xff08;factorized convolutions&#xff09;和批量归一化&#xff08;batch normalization&#xff09;&#xff0c;在…

c#难点整理

1.何为托管代码&#xff0c;何为非托管代码 托管代码就是.net框架下的代码 非托管代码&#xff0c;就是非.net框架下的代码 2.委托的关键知识点 将方法作为参数进行传递 3.多维数组 4.锯齿数组 5.多播委托的使用 6.is运算符 相当于逻辑运算符是 7.as 起到转换的作用 8.可…

二次向用户申请授权

HarmonyOS 5.0.3(15) 版本的配套文档&#xff0c;该版本API能力级别为API 15 Release 文章目录 当应用通过requestPermissionsFromUser()拉起弹框请求用户授权时&#xff0c;用户拒绝授权。应用将无法再次通过requestPermissionsFromUser()拉起弹框&#xff0c;需要用户在系统应…