jQuery是一款著名的JavaScript庫,它提供了許多方便快捷的API,能夠幫助開發人員快速高效地創建動態Web頁面。最新的版本是jQuery 3.3.1,本文將介紹jQuery 3.3.1的主要API。
首先是選擇器API。選擇器API是jQuery最為基礎的部分,也是使用最為頻繁的部分。以下是一些jQuery選擇器的示例:
$('div') //選擇所有的元素 $('#myId') //選擇id為'myId'的元素 $('.myClass') //選擇所有class為'myClass'的元素 $('ul li') //選擇所有下的
- 元素
接下來是操作DOM的API。這些API旨在幫助開發人員輕松地修改和操作HTML文檔中的元素。以下是一些jQuery操作DOM元素的示例:
$('#myId').hide() //隱藏id為'myId'的元素 $('input').val('hello world') //設置所有元素的值為'hello world' $('ul').append('- new element
') //在所有元素的末尾添加一個
- 元素
然后是事件API。事件API可用于捕獲和處理用戶與頁面交互的各種動作。以下是一些jQuery事件處理的示例:
$('button').click(function() { alert('clicked') }) //為所有最后是異步處理API。jQuery提供了大量的異步處理工具,例如ajax請求和deferred對象。以下是一些jQuery異步處理的示例:
$.ajax({ url: 'ajax.php', method: 'POST', data: { name: 'Tom' }, success: function(response) { console.log(response) } }) //發送ajax請求,并在請求成功后將返回的數據輸出到控制臺 var dfd = $.Deferred() setTimeout(function() { dfd.resolve(1) }, 1000) dfd.done(function(result) { console.log(result) }) //創建一個deferred對象,1秒后將其狀態設置為resolved,并將1作為結果輸出到控制臺以上就是jQuery 3.3.1的主要API。通過選擇器API、操作DOM的API、事件API和異步處理的API,我們可以更加方便快捷地實現各種功能。