用jquery
jQuery 是一个快速、简洁的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。以下是一些常见的使用方法和示例：
引入 jQuery
在 HTML 文件中通过 CDN 引入 jQuery：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>基本语法
jQuery 的核心是通过 $ 或 jQuery 函数选择元素并操作：
$(selector).action();选择元素
通过 CSS 选择器获取元素：
$('p'); // 选择所有 <p> 元素
$('.class'); // 选择所有 class="class" 的元素
$('#id'); // 选择 id="id" 的元素事件处理
绑定点击事件：
$('button').click(function() {
alert('Button clicked!');
});DOM 操作
修改元素内容：
$('#myDiv').text('Hello, jQuery!'); // 设置文本
$('#myDiv').html('<strong>Hello</strong>'); // 设置 HTML动画效果
显示/隐藏元素：
$('#myDiv').hide(); // 隐藏
$('#myDiv').show(); // 显示
$('#myDiv').toggle(); // 切换显示/隐藏Ajax 请求
发送 GET 请求：
$.get('https://api.example.com/data', function(response) {
console.log(response);
});发送 POST 请求：
$.post('https://api.example.com/data', { key: 'value' }, function(response) {
console.log(response);
});链式调用
jQuery 支持链式调用：
$('#myDiv')
.css('color', 'red')
.slideUp(2000)
.slideDown(2000);遍历元素
使用 .each() 遍历元素：
$('li').each(function(index) {
console.log(index + ': ' + $(this).text());
});添加/移除类
动态修改类：
$('#myDiv').addClass('highlight'); // 添加类
$('#myDiv').removeClass('highlight'); // 移除类
$('#myDiv').toggleClass('highlight'); // 切换类表单操作
获取表单值：
$('input[name="username"]').val(); // 获取输入框的值设置表单值：
$('input[name="username"]').val('new value'); // 设置输入框的值动态创建元素
创建并插入元素：
$('<div>New element</div>').appendTo('body'); // 插入到 body 末尾文档加载完成
确保代码在 DOM 加载完成后执行：
$(document).ready(function() {
// 代码在这里执行
});简写形式：
$(function() {
// 代码在这里执行
});以上是 jQuery 的基本用法，涵盖了常见的 DOM 操作、事件处理、动画和 Ajax 功能。jQuery 的 API 设计简洁，适合快速开发交互式网页。
