jQuery 1.3 API適用于jQuery版本 1.3.x。在本篇文章中，我們將了解如何使用jQuery 1.3 API來操作DOM、處理事件、使用Ajax和執(zhí)行動畫等。閱讀本文前，建議您已經(jīng)掌握了jQuery的基本知識。

DOM操作

$(selector).addClass(className) // 添加class
$(selector).removeClass(className) // 移除class
$(selector).toggleClass(className) // 切換class
$(selector).css(property, value) // 設(shè)置CSS屬性
$(selector).hide() // 隱藏元素
$(selector).show() // 顯示元素
$(selector).attr(attribute, value) // 設(shè)置屬性
$(selector).removeAttr(attribute) // 移除屬性
$(selector).html(htmlString) // 設(shè)置HTML內(nèi)容
$(selector).text(textString) // 設(shè)置文本內(nèi)容
$(selector).val(value) // 設(shè)置表單值

事件處理

$(selector).click(function(){}); // 單擊事件處理
$(selector).dblclick(function(){}); // 雙擊事件處理
$(selector).hover(function(){}, function(){}); // 鼠標(biāo)移入移出事件處理
$(selector).mousedown(function(){}); // 鼠標(biāo)按下事件處理
$(selector).mouseup(function(){}); // 鼠標(biāo)抬起事件處理
$(selector).mousemove(function(){}); // 鼠標(biāo)移動事件處理
$(selector).keydown(function(){}); // 鍵盤按下事件處理
$(selector).keyup(function(){}); // 鍵盤抬起事件處理
$(selector).submit(function(){}); // 表單提交事件處理
$(selector).resize(function(){}); // 窗口大小改變事件處理
$(selector).scroll(function(){}); // 滾動事件處理

Ajax操作

$.ajax({
type: "POST",
url: url,
data: data,
success: function(){}
}); // 發(fā)送POST請求
$.ajax({
type: "GET",
url: url,
data: data,
success: function(){}
}); // 發(fā)送GET請求
$.getJSON(url, function(){}); // 發(fā)送JSON請求
$.getScript(url, function(){}); // 發(fā)送腳本請求

動畫效果

$(selector).fadeIn(speed, function(){}); // 淡入效果
$(selector).fadeOut(speed, function(){}); // 淡出效果
$(selector).slideDown(speed, function(){}); // 下拉效果
$(selector).slideUp(speed, function(){}); // 上拉效果
$(selector).animate({
property: value
}, speed, function(){}); // 自定義動畫

本文介紹了jQuery 1.3 API的一些常用方法，希望對您有所幫助。同時也提醒大家，不同版本的jQuery API可能存在差異，需要根據(jù)實(shí)際情況選擇不同的版本。