$('.button').on('mouseleave', evt => {
   let e = evt.currentTarget;
   $(e).removeClass('active');
});
jQuery 切换类
$('.choice').toggleClass('highlighted');
jQuery.data()存储与指定元素关联的任意数据。 返回设置的值
.data()存储与匹配元素关联的任意数据
jQuery.hasData()确定一个元素是否有任何与之关联的 jQuery 数据
jQuery.removeData()删除以前存储的数据
.removeData()删除以前存储的数据
.addClass()将指定的类添加到匹配元素集中的每个元素
.hasClass()确定是否有任何匹配的元素被分配给给定的类
.removeClass()从匹配元素集中的每个元素中删除单个类、多个类或所有类
.toggleClass()根据类的存在或状态参数的值，从匹配元素集中的每个元素添加或删除一个或多个类
.css()获取匹配元素集中第一个元素的计算样式属性
jQuery.cssHooks直接连接到 jQuery 以覆盖特定 CSS 属性的检索或设置方式、标准化 CSS 属性命名或创建自定义属性
jQuery.cssNumber包含所有可以在没有单位的情况下使用的 CSS 属性的对象。.css() 方法使用此对象来查看它是否可以将 px 附加到无单位值
jQuery.escapeSelector()转义任何在 CSS 选择器中具有特殊含义的字符
.height()获取匹配元素集中第一个元素的当前计算高度
.innerHeight()获取匹配元素集中第一个元素的当前计算高度，包括填充但不包括边框
.innerWidth()获取匹配元素集中第一个元素的当前计算内部宽度，包括填充但不包括边框
.outerHeight()获取匹配元素集中第一个元素的当前计算外部高度(包括填充、边框和可选的边距)
.outerWidth()获取匹配元素集中第一个元素的当前计算外部宽度(包括填充、边框和可选的边距)
.width()获取匹配元素集中第一个元素的当前计算宽度
.offset()获取匹配元素集中第一个元素相对于文档的当前坐标
.offsetParent()获取定位的最近的祖先元素
.position()获取匹配元素集中第一个元素相对于偏移父元素的当前坐标
.scrollLeft()获取匹配元素集中第一个元素的滚动条的当前水平位置
.scrollTop()获取匹配元素集中第一个元素的滚动条的当前垂直位置，或为每个匹配元素设置滚动条的垂直位置
/*<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>*/
.append()在匹配的元素集中，插入由参数指定的内容插入每个元素的末尾
.appendTo()将匹配元素集中的每个元素插入目标末端
.html()在匹配元素集中获取第一个元素的HTML内容
.prepend()插入由参数指定的内容插入匹配元素集中每个元素的开始
.prependTo()将匹配元素集中的每个元素插入目标开始
.text()在匹配的元素集（包括其后代）中获取每个元素的组合文本内容
.after()在匹配元素集中的每个元素之后，插入由参数指定的内容
.before()在匹配元素集中的每个元素之前，插入由参数指定的内容
.insertAfter()在目标之后插入匹配元素集中的每个元素
.insertBefore()在目标之前插入匹配元素集中的每个元素
.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()在匹配的元素集中获取每个元素的兄弟姐妹，并被选择器进行过滤
$('#menu-btn').on('mouseenter', () => {
  $('#menu').show();
}).on('mouseleave', () => {
  $('#menu').hide();
});
$( "p" ).click(function( event ) {
  event.stopPropagation();
  // Do something
});
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对于键或鼠标事件，此属性指示按下的特定键或按钮
.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()将两个或多个处理程序绑定到匹配的元素，以在交替单击时执行
$('#menu-button').on('click', () => {
  // $('#menu').fadeIn(400, 'swing')
  $('#menu').fadeIn();
});
$('#menu-button').on('click', () => {
  // $('#menu').fadeOut(400, 'swing')
  $('#menu').fadeOut();
});
.delay()设置一个计时器来延迟队列中后续项目的执行
.dequeue()为匹配的元素执行队列上的下一个函数
jQuery.dequeue()为匹配的元素执行队列上的下一个函数
.finish()停止当前运行的动画，移除所有排队的动画，并完成匹配元素的所有动画
jQuery.fx.interval动画触发的速率（以毫秒为单位）
jQuery.fx.off全局禁用所有动画
jQuery.speed创建一个对象，其中包含一组准备用于自定义动画定义的属性
.queue()显示要在匹配元素上执行的函数队列
jQuery.queue()显示要在匹配元素上执行的函数队列
.stop()停止匹配元素上当前运行的动画
  type: this.method,
  data: $(this).serialize()
}).done(function(server_data){
  console.log("success" + server_data);
}).fail(function(jqXHR, status, err){
  console.log("fail" + err);
});
.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()接受包含 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 元素数组，不适用于字符串或数字
.jquery包含 jQuery 版本号的字符串
.context最初传递给 jQuery() 的 DOM 节点上下文； 如果未通过，则上下文可能是文档
jQuery.error()获取一个字符串并抛出包含它的异常
.lengthjQuery 对象中元素的数量
.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()从回调列表中删除回调或回调集合