jquery for
以下是关于jQuery的常见用法和核心功能的整理，适用于快速查询和实现基础交互：
基础引入
在HTML文件中通过CDN引入jQuery库：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>DOM选择器
通过CSS选择器获取元素：
$('#header') // ID选择器
$('.menu-item') // 类选择器
$('div p') // 后代选择器事件处理
绑定点击事件与事件委托：
$('#button').click(function() {
alert('Clicked!');
});
$(document).on('click', '.dynamic-element', function() {
console.log('Dynamic element clicked');
});DOM操作
内容修改与属性控制：
$('#content').html('<b>New content</b>'); // 替换HTML
$('#input').val('Default text'); // 设置表单值
$('.image').attr('src', 'new.jpg'); // 修改属性AJAX请求
发送GET/POST请求示例：
$.get('/api/data', function(response) {
console.log(response);
});
$.post('/api/submit', { name: 'John' }, function(data) {
alert(data.status);
});动画效果
基础动画与渐变效果：
$('#box').fadeIn(500); // 淡入
$('#panel').slideUp(300); // 滑动收起
$('.item').animate({ left: '+=50px' }); // 自定义动画链式调用
连续操作方法：
$('li')
.css('color', 'red')
.addClass('highlight')
.fadeOut(200);插件扩展
常见插件使用场景：
// 日期选择器插件
$('#datepicker').datepicker();
// 表单验证插件
$('#form').validate({
rules: { email: { required: true } }
});实用工具方法
辅助功能示例：
$.trim(' text '); // 去除空格
$.isArray([]); // 类型检查
$.extend({}, obj1, obj2); // 对象合并注意：现代开发中推荐优先使用原生JavaScript或框架如Vue/React，但jQuery仍适用于维护旧项目或快速原型开发。
