jQuery 3.3.1 是一個非常流行的 JavaScript 庫,它提供了許多用于處理 HTML 文檔、事件處理、動畫等功能的方法,使得開發者可以更快速、簡單地開發出漂亮、交互性強的網站。下面是一些 jQuery 3.3.1 的實例,希望對大家有所幫助。
// 選取元素,通過class選擇器
$('div.my-class')
// 選取元素并綁定事件
$('button#my-button').click(function(){
alert('is clicked')
})
// 設置屬性
$('#my-element').attr('data-my-attribute', 'my-value')
// 切換顯示和隱藏
$('div#my-div').toggle()
// 滑動動畫
$('div#my-div').slideUp()
// 異步請求
$.ajax({
url: 'http://my.api.com',
method: 'GET',
success: function(response){
console.log(response)
}
})
// 遍歷元素并操作
$('ul.my-list li').each(function(){
console.log($(this).text())
})
// 添加元素
$('ul.my-list').append('New item ')
// 過濾元素
$('ul.my-list li').filter('.selected')
// 替換元素
$('div#my-div').replaceWith('New content
')
這只是 jQuery 3.3.1 中一小部分實例,了解更多請參考官方文檔。
上一篇jquery 3.5
下一篇如何用css制造動畫移動