jquery api
jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。以下是 jQuery API 的核心功能和使用方法:
选择器
jQuery 使用 CSS 选择器语法选取 DOM 元素。例如:
$('#id') // 通过 ID 选择
$('.class') // 通过类名选择
$('div') // 通过标签名选择
$('div.class') // 组合选择
DOM 操作
jQuery 提供了丰富的 DOM 操作方法:
$('p').text('新文本') // 设置文本内容
$('p').html('<b>加粗文本</b>') // 设置 HTML 内容
$('input').val('新值') // 设置表单值
$('div').append('<p>新段落</p>') // 追加内容
事件处理
jQuery 简化了事件绑定:
$('button').click(function() {
alert('按钮被点击')
})
$('input').on('change', function() {
console.log('输入值改变')
})
动画效果
jQuery 内置了多种动画效果:
$('div').hide() // 隐藏元素
$('div').show() // 显示元素
$('div').fadeIn() // 淡入
$('div').slideUp() // 向上滑动隐藏
$('div').animate({opacity: 0.5}, 1000) // 自定义动画
AJAX
jQuery 简化了 AJAX 请求:
$.get('url', function(data) {
console.log(data)
})
$.post('url', {key: 'value'}, function(data) {
console.log(data)
})
$.ajax({
url: 'url',
type: 'GET',
success: function(data) {
console.log(data)
}
})
实用工具方法
jQuery 提供了一些实用工具函数:
$.each(array, function(index, value) {
console.log(index, value)
})
$.extend({}, obj1, obj2) // 对象合并
$.trim(' 字符串 ') // 去除空格
插件扩展
jQuery 支持通过插件扩展功能:
$.fn.myPlugin = function(options) {
// 插件逻辑
}
$('div').myPlugin()
jQuery API 文档详细列出了所有可用方法和属性,官方文档是最全面的参考资源。使用时建议查阅最新版本的 API 文档,因为不同版本间可能存在差异。







