JQuery的一些基本知識

KenallChen發表於2024-10-04

jQuery 是一個快速、小巧且功能豐富的 JavaScript 庫。它簡化了 HTML 文件遍歷、事件處理、動畫和 Ajax 互動。jQuery 的設計宗旨是“write less, do more”,即用更少的程式碼做更多的事情。

點選檢視程式碼
// DOM 操作
$('#myElement').html('Hello, World!');

// 事件處理
$('#myButton').click(function() {
    alert('按鈕被點選了!');
});

// 動畫
$('#myElement').fadeIn();

// Ajax 請求
$.ajax({
    url: 'my-api-url',
    type: 'GET',
    success: function(data) {
        console.log(data);
    },
    error: function(xhr, status, error) {
        console.error(error);
    }
});

相關文章