jQuery 是一個非常強大的 JavaScript 庫,使用了 jQuery 之后,你可以輕松地操作 HTML 元素、處理事件、發送 AJAX 請求,以及在瀏覽器中直接操作 CSS。下面是一些經常使用的 jQuery 方法:
// 通過 ID 選擇元素 $('#idName') // 通過 class 選擇元素 $('.className') // 選擇所有元素 $('*') // 查找子元素 $('parentSelector').find('childSelector') // 查找父元素 $('childSelector').parents('parentSelector') // 顯示元素 $('selector').show() // 隱藏元素 $('selector').hide() // 在指定元素內插入內容 $('selector').html(content) // 獲取元素的值 $('selector').val() // 設置元素的值 $('selector').val(value) // 添加類名 $('selector').addClass('className') // 刪除類名 $('selector').removeClass('className') // 切換類名 $('selector').toggleClass('className') // 處理事件 $('selector').event(function() { // 代碼塊 }); // 發送 AJAX 請求 $.ajax({ url: 'url', type: 'POST', data: {param1: 'value1'}, success: function(data) { // 處理成功返回的數據 }, error: function(xhr, type) { // 處理錯誤 } }); // 獲取元素的屬性值 $('selector').attr('attribute') // 設置元素的屬性值 $('selector').attr('attribute', 'value') // 刪除元素的屬性值 $('selector').removeAttr('attribute')
除了上述方法外,jQuery 還有大量的其他方法可供使用,通過靈活運用,你可以輕松地實現各種頁面效果。