jQuery是一個(gè)快速,輕量級(jí)且功能豐富的JavaScript庫,它基于“少寫多做”的原則。
jQuery簡(jiǎn)化了HTML文檔的遍歷,事件處理,動(dòng)畫和Ajax交互,從而實(shí)現(xiàn)了快速的Web開發(fā)。
jQuery的目的是使在網(wǎng)站上使用JavaScript更加容易。
本教程將幫助您學(xué)習(xí)從基礎(chǔ)知識(shí)到高級(jí)主題的最新jQuery的基礎(chǔ)知識(shí)。
本教程的每一章都包含許多練習(xí)示例,您可以使用我們的在線編輯器嘗試并測(cè)試自己,以擴(kuò)展您的學(xué)習(xí)范圍。這些示例的目的是使您更好地了解jQuery的用法。
$(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); });測(cè)試看看?/?
如果您不熟悉jQuery,您可能想知道是什么使jQuery如此特別。
jQuery簡(jiǎn)化了JavaScript中的許多復(fù)雜內(nèi)容,例如AJAX調(diào)用和DOM操作。
jQuery庫包含以下功能:
HTML / DOM操作
CSS操作
事件處理
效果和動(dòng)畫
AJAX支持
實(shí)用工具(Utilities)
插件(Plugins)
跨瀏覽器支持
信息:在JavaScript中,您通常需要編寫幾行代碼來選擇和操作HTML文檔中的元素,但是使用jQuery強(qiáng)大的選擇器機(jī)制,您可以遍歷DOM樹并以簡(jiǎn)單有效的方式選擇元素以執(zhí)行任何操作。
您可以使用jQuery做更多的事情:
jQuery可以輕松選擇元素
jQuery可以輕松更改元素的樣式(CSS)和位置
jQuery可以輕松操縱DOM元素及其屬性
jQuery可以輕松創(chuàng)建效果,例如顯示或隱藏元素,滑動(dòng)過渡等
jQuery可以使用更少的代碼輕松創(chuàng)建復(fù)雜的CSS動(dòng)畫
jQuery可以輕松地遍歷整個(gè)DOM樹以查找任何元素
jQuery只需一行代碼即可輕松地對(duì)元素執(zhí)行多項(xiàng)操作
jQuery可以輕松獲取或設(shè)置HTML元素的尺寸
列表并沒有結(jié)束,您可以使用jQuery完成許多其他有趣的事情。
在接下來的章節(jié)中,您將詳細(xì)了解所有這些內(nèi)容。
在開始學(xué)習(xí)jQuery之前,您應(yīng)該具有以下基本知識(shí):
如果您是初學(xué)者,請(qǐng)從基礎(chǔ)知識(shí)入手,并通過每天學(xué)習(xí)一點(diǎn)點(diǎn)逐步前進(jìn)。
我們建議您按照左側(cè)菜單中列出的順序閱讀本教程。
參考部分將為您提供有關(guān)jQuery選擇器,效果,屬性,事件等的詳細(xì)信息。