jQuery是一個JavaScript庫,通常用于簡化HTML文檔遍歷、事件處理、動畫設計和Ajax交互等常見任務。
$(document).ready(function(){ // 在頁面完成加載后運行代碼 $('button').click(function(){ // 當點擊按鈕時運行代碼 $('p').toggle(); }); });
通過引入jQuery庫,可以使用$符號來引用jQuery函數,這樣就可以通過選擇器選中頁面中的各種元素,然后執行不同的DOM操作。例如,可以使用jQuery創建一個“點擊按鈕即可顯示隱藏段落”的功能,而代碼量則會比原生JavaScript少很多。
此外,使用jQuery還可以輕松地添加動畫效果,包括滑動、淡入淡出等效果,而這些效果也能夠按照需求進行自定義編寫。
$("button").click(function(){ $("#box").animate({left: '+=50px'}, 500); });
除了DOM操作、事件處理和動畫效果外,jQuery還能夠處理與服務器的Ajax通信,獲取或傳輸數據。jQuery提供的$.ajax函數可以通過異步調用發送或接收XMLHttpRequest。這些功能的使用,都可以使網站開發變得更加便利和高效。