jQuery是一個非常流行的JavaScript庫,它為開發者提供了很多便利的函數和方法,幫助我們輕松操作文檔對象模型(DOM),以及處理各種事件和效果。
其中,jQuery 2.0.3和3.0.0是目前比較常用的版本,它們支持現代瀏覽器、提供更好的性能和兼容性。而今天我們將聚焦介紹前者:jquery 2.0.3。
// 加載jQuery庫
<script src="https://code.jquery.com/jquery-2.0.3.min.js"></script>
// 選取元素
$('p') // 選取所有p標簽
$('.my-class') // 選取class為my-class的所有元素
$('#my-id') // 選取id為my-id的元素
$('p:first') // 選取所有p標簽中的第一個
// 操作元素
$('#my-elem').addClass('my-class') // 添加class
$('#my-elem').html('new html') // 更改HTML內容
$('#my-elem').css('color', 'red') // 修改CSS屬性
$('img').attr('src', 'new-image.jpg') // 修改屬性
$('p').text('Some new text') // 更改文本內容
// 創建元素
var newDiv = $('<div>').addClass('new-div').appendTo('body')
// 事件處理
$('#my-btn').click(function() {
alert('Button clicked!')
})
$('form').submit(function(e) {
e.preventDefault();
// 表單提交邏輯代碼
})
以上是jquery 2.0.3的一些基本操作,當然還有很多其它方法和技巧可以發掘。如果你也在使用jQuery,那么不妨試試這些操作,或者學習更深入的用法吧!