页面上包含 jQuery 的所有方法

jQuery 是一个 JavaScript 库，被广泛用于网页开发中。它提供了许多简单易用的 API，可以让开发者更方便地操作 DOM、处理事件、发送 AJAX 请求等等。本文将列举出 jQuery 的所有方法，以便开发者快速了解它的功能。

DOM 操作方法

• $(selector)：根据 CSS 选择器选取元素。
• $(html)：根据 HTML 字符串创建新元素。
• $(element)：把 DOM 元素包装成 jQuery 对象。
• $(callback)：DOM 加载完毕后执行回调函数。
• $(element, context)：指定上下文环境来查找元素。
• $(selector, context)：在指定上下文环境中查找元素。
• .addClass(className)：给元素添加一个或多个类。
• .removeClass(className)：从元素中移除一个或多个类。
• .hasClass(className)：检查元素是否有指定的类。
• .toggleClass(className)：如果元素没有指定类则添加，否则移除。
• .attr(name, value)：设置或获取元素的属性值。
• .removeAttr(name)：从元素中移除指定属性。
• .html([html])：设置或获取元素内部的 HTML 内容。
• .text([text])：设置或获取元素内部的纯文本内容。
• .val([value])：设置或获取表单元素的值。
• .append(content)：在元素内部末尾添加内容。
• .prepend(content)：在元素内部开头添加内容。
• .after(content)：在元素之后添加内容。
• .before(content)：在元素之前添加内容。
• .remove()：从 DOM 中移除元素。
• .empty()：清空元素内部所有内容。

事件处理方法

• .click([data], handler)：为元素添加单击事件处理函数。
• .dblclick([data], handler)：为元素添加双击事件处理函数。
• .hover([data], handlerIn, handlerOut)：为元素添加鼠标悬停和移出事件处理函数。
• .mousedown([data], handler)：为元素添加鼠标按下事件处理函数。
• .mouseup([data], handler)：为元素添加鼠标释放事件处理函数。
• .mousemove([data], handler)：为元素添加鼠标移动事件处理函数。
• .keydown([data], handler)：为元素添加键盘按下事件处理函数。
• .keyup([data], handler)：为元素添加键盘释放事件处理函数。
• .submit([data], handler)：为元素添加表单提交事件处理函数。
• .change([data], handler)：为元素添加表单元素值改变事件处理函数。
• .blur([data], handler)：为元素添加失去焦点事件处理函数。
• .focus([data], handler)：为元素添加获得焦点事件处理函数。
• .on(events, [selector], data, handler)：为元素添加一个或多个事件处理函数。

效果和动画方法

• .show([duration], [easing], [callback])：显示元素并在可选的时间内进行动画效果。
• .hide([duration], [easing], [callback])：隐藏元素并在可选的时间内进行动画效果。
• .toggle([duration], [easing], [callback])：切换元素的可见性状态并在可选的时间内进行动画效果。
• .fadeIn([duration], [easing], [callback])：淡入元素并在可选的时间内进行动画效果。
• .fadeOut([duration], [easing], [callback])：淡出元素并在可选的时间内进行动画效果。
• .fadeTo(duration, opacity, [easing], [callback])：使元素透明度从当前值渐变到指定值并在可选的时间内进行动画效果。
• .slideUp([duration], [easing], [callback])：滑动元素向上并在可选的时间内进行动画效果。
• .slideDown([duration], [easing], [callback])：滑动元素向下并在可选的时间内进行动画效果。
• .slideToggle([duration], [easing], [callback])：切换元素的滑动状态并在可选的时间内进行动画效果。
• .animate(properties, [duration], [easing], [callback])：以属性指定的方式运动元素并在可选的时间内进行动画效果。

AJAX 方法

• $.ajax(options)：发起 AJAX 请求。
• $.get(url, data, success, dataType)：通过 GET 方法发送 AJAX 请求并获取数据。
• $.post(url, data, success, dataType)：通过 POST 方法发送 AJAX 请求并获取数据。
• $.getJSON(url, data, success)：通过 GET 方法获取 JSON 格式的数据。
• $.load(url, [data], [callback])：从服务器加载数据并将其插入到元素中。

工具方法

• $.each(collection, callback)：遍历数组或对象并对其每个元素执行回调函数。
• $.extend(target, object1, object2, [objectN])：将两个及以上的对象合并成一个对象。
• $.grep(array, callback, [invert])：过滤数组中的元素。
• $.isArray(obj)：检查对象是否为一个数组。
• $.isEmptyObject(obj)：检查对象是否为空。
• $.isFunction(obj)：检查对象是否为一个函数。
• $.isNumeric(obj)：检查对象是否为一个数值。
• $.isPlainObject(obj)：检查对象是否为一个简单对象。
• $.isWindow(obj)：检查对象是否为一个 window 对象。
• $.makeArray(obj)：将一个类数组对象转换成真正的数组对象。
• $.map(array, callback)：遍历数组并对每个元素执行回调函数。
• $.now()：返回当前时间戳。
• $.parseJSON(json)：将 JSON 字符串转换成 JavaScript 对象。
• $.trim(str)：去除字符串两端的空格。

以上就是 jQuery 的所有方法，开发者可以根据需要选择使用。如果你刚刚开始使用 jQuery，可以从基础的 DOM 操作方法入手，随后再深入学习其它功能。