jQuery 是一个流行的 JavaScript 库,它简化了许多操作 DOM、处理事件、执行动画等任务的复杂性。以下是一些常用的 jQuery 方法和函数:
选择器和DOM操作:
$(selector): 选择匹配给定选择器的元素。
$(element).css(property, value): 设置元素的 CSS 属性。
$(element).html(), $(element).text(): 获取或设置元素的 HTML 内容或纯文本内容。
$(element).addClass(class), $(element).removeClass(class): 添加或移除元素的 CSS 类。
$(element).attr(attributeName, value): 获取或设置元素的属性值。
事件处理:
$(element).on(event, callback): 绑定事件处理程序。
$(element).off(event, callback): 解绑事件处理程序。
$(element).click(callback), $(element).mouseenter(callback), 等等:绑定特定事件的快捷方法。
动画效果:
$(element).fadeIn(), $(element).fadeOut(): 渐显和渐隐元素。
$(element).slideUp(), $(element).slideDown(): 上滑和下滑元素。
$(element).animate(properties, duration, easing, callback): 执行自定义动画。
AJAX:
$.ajax({options}): 发送异步请求。
$.get(url, data, callback): 发送 GET 请求。
$.post(url, data, callback): 发送 POST 请求。
遍历和过滤:
$(element).each(callback): 遍历匹配的元素。
$(element).filter(selector), $(element).find(selector): 过滤和查找匹配的元素。
其他:
$.noConflict(): 释放 jQuery 控制 $ 符号,以防止与其他库冲突。
$.extend(target, object1, object2): 合并多个对象到目标对象。
这只是 jQuery 的一小部分常用方法和函数。jQuery 提供了丰富的功能,可以帮助开发者更轻松地处理常见的前端任务。然而,随着现代的 Web 开发趋势,许多开发者更倾向于使用原生的 JavaScript,或者使用更现代的前端框架(如 Vue、React、Angular)来构建应用。