使用jquery
引入jQuery库
在HTML文件中通过<script>标签引入jQuery库。可以从CDN加载，例如：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>基础选择器
使用$()函数选择DOM元素，支持CSS选择器语法：
$('#id') // ID选择器
$('.class') // 类选择器
$('div') // 标签选择器DOM操作
通过jQuery方法修改元素内容和属性：
$('#element').text('新内容') // 设置文本
$('#element').html('<b>加粗文本</b>') // 设置HTML
$('img').attr('src', 'new-image.jpg') // 修改属性事件处理
使用简洁的语法绑定事件处理器：
$('#button').click(function() {
alert('按钮被点击')
})
$('input').on('change', function() {
console.log($(this).val())
})AJAX请求
简化异步HTTP请求的实现：
$.get('/api/data', function(response) {
console.log('获取数据:', response)
})
$.post('/api/save', {name: 'John'}, function() {
alert('数据已保存')
})动画效果
内置多种动画方法实现平滑过渡：
$('#box').fadeIn(500)
$('#menu').slideToggle()
$('.item').animate({
opacity: 0.5,
left: '+=50'
}, 1000)链式调用
支持将多个操作链接在一起执行：
$('#list')
.find('li')
.css('color', 'red')
.end()
.append('<li>新项目</li>')实用工具方法
提供多种辅助功能简化开发：
$.each(array, function(index, value) {
console.log(index, value)
})
var cloned = $.extend({}, originalObj)插件扩展
通过插件机制扩展jQuery功能：
$.fn.highlight = function(color) {
this.css('background', color || 'yellow')
return this
}
$('p').highlight()
