jquery函数
jQuery 函数基础
jQuery 是一个快速、简洁的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。以下是 jQuery 的核心函数和方法分类说明。
选择器函数
jQuery 使用 CSS 选择器语法选取 DOM 元素。
$("selector")：通过选择器获取元素，如$("p")选取所有<p>标签。$(".class")：通过类名选取元素。$("#id")：通过 ID 选取元素。$("parent > child")：选取直接子元素。
// 示例：隐藏所有类名为 "example" 的元素
$(".example").hide();DOM 操作函数
jQuery 提供丰富的 DOM 操作方法。
.html()：获取或设置元素的 HTML 内容。.text()：获取或设置元素的文本内容。.val()：获取或设置表单元素的值。.attr()：获取或设置元素属性（如src、href）。.append()：在元素内部末尾插入内容。.prepend()：在元素内部开头插入内容。
// 示例：修改元素的 HTML 并添加新内容
$("#target").html("<b>New content</b>");
$("#list").append("<li>Item</li>");事件处理函数
jQuery 简化了事件绑定与触发。
.click()：绑定点击事件。.on()：通用事件绑定（推荐替代.bind()）。.hover()：绑定鼠标悬停事件。.submit()：绑定表单提交事件。
// 示例：点击按钮时触发函数
$("#btn").click(function() {
alert("Button clicked!");
});动画与效果函数
jQuery 内置动画效果，支持自定义动画。
.hide()/.show()：隐藏或显示元素。.fadeIn()/.fadeOut()：淡入淡出效果。.slideUp()/.slideDown()：滑动效果。.animate()：自定义 CSS 属性动画。
// 示例：淡出元素并自定义动画
$("#box").fadeOut(1000);
$("#box").animate({ left: "+=50px", opacity: 0.5 }, 1000);Ajax 相关函数
jQuery 简化了 Ajax 请求的发送与处理。
$.ajax()：通用 Ajax 请求方法。$.get()：发送 GET 请求。$.post()：发送 POST 请求。.load()：从服务器加载数据并插入到元素中。
// 示例：发送 GET 请求并处理响应
$.get("api/data", function(response) {
$("#result").text(response);
});工具函数
jQuery 提供辅助工具函数，用于数据处理等场景。
$.each()：遍历数组或对象。$.extend()：合并对象。$.trim()：去除字符串两端空格。
// 示例：遍历数组
$.each([1, 2, 3], function(index, value) {
console.log(index + ": " + value);
});链式调用
jQuery 支持链式调用，允许在单个语句中执行多个操作。
// 示例：链式修改元素属性并添加动画
$("#element")
.css("color", "red")
.slideUp(500)
.slideDown(500);注意事项
- 使用
$(document).ready()确保 DOM 加载完成后执行代码。 - 避免过度使用动画，可能影响性能。
- 推荐使用
.on()替代已废弃的方法如.bind()。
// 确保 DOM 就绪后执行
$(document).ready(function() {
// 代码逻辑
});通过掌握这些核心函数，可以高效实现动态网页交互与数据处理。
