jquery中

jQuery 中常见操作与方法

DOM 操作
使用 $() 选择器获取元素，例如 $("#id") 或 $(".class")。
html() 获取或设置元素内容，text() 处理纯文本，val() 操作表单值。
append() 在元素内部末尾插入内容，prepend() 在开头插入。
remove() 删除元素，empty() 清空子元素。

事件处理
click() 绑定点击事件，on() 支持动态绑定和多个事件。
hover() 处理鼠标悬停和离开，submit() 拦截表单提交。
event.preventDefault() 阻止默认行为，event.stopPropagation() 阻止事件冒泡。

AJAX 请求
$.ajax() 是核心方法，支持自定义配置：

$.ajax({
  url: "endpoint",
  type: "GET",
  data: { key: value },
  success: function(response) { /* 处理成功 */ },
  error: function(xhr) { /* 处理错误 */ }
});

简写方法：$.get() 和 $.post() 用于快速请求。

动画效果
show() 和 hide() 控制显隐，toggle() 切换状态。
fadeIn() 和 fadeOut() 实现淡入淡出，slideDown() 和 slideUp() 滑动效果。
animate() 支持自定义 CSS 属性动画：

$("#box").animate({ 
  opacity: 0.5,
  left: "+=50px"
}, 1000);

工具函数
$.each() 遍历数组或对象：

$.each(array, function(index, value) {
  console.log(index + ": " + value);
});

$.extend() 合并对象，$.trim() 去除字符串两端空格。

链式调用示例

jQuery 支持链式写法：

$("#item")
  .css("color", "red")
  .addClass("active")
  .on("click", function() {
    alert("Clicked!");
  });

注意事项

避免过度使用动画导致性能问题。
使用最新版本（如 3.x+）以确保安全性和兼容性。
对于新项目，建议优先考虑现代框架（如 React/Vue），但维护旧代码时 jQuery 仍具价值。