jQuery是一個廣泛應用的JavaScript庫,它簡化了HTML文檔遍歷和操作、事件處理、動畫和Ajax交互的代碼。jQuery的API使用方便,可以幫助開發人員更快速地開發網站和web應用程序。
在使用jQuery之前,你需要在頁面中引用jQuery庫的文件。在上面的代碼中,我們從百度服務器引入了 jQuery 2.0.0 版本的庫文件。它位于libs.baidu.com/jquery/
目錄下。
接下來就是一些常用的 jQuery API。
選擇器
$(document).ready(function(){ // 選取第一個h1元素 $("h1:first") // 選取所有p元素 $("p") // 選取ID為content的元素內的所有p元素 $("#content p") })
事件處理器
$(document).ready(function(){ // 按下鼠標時觸發事件 $("p").mousedown(function(){ // 在這里添加需要執行的函數 }) // 鼠標離開元素時觸發事件 $("p").mouseleave(function(){ // 在這里添加需要執行的函數 }) })
Ajax
$(document).ready(function(){ // 發送HTTP GET請求到test.php $.get("test.php", function(data, status){ // 在這里添加處理返回數據的代碼 }) // 發送HTTP POST請求到test.php $.post("test.php", { name: "John", age: 30, city: "New York" }, function(data, status){ // 在這里添加處理返回數據的代碼 }) })
這僅僅是 jQuery API 的冰山一角,并且 jQuery 還有許多其他的函數和選項。建議開發人員學習完整的文檔,以了解 jQuery 提供的所有功能和選項。