jQuery是一種非常流行的JavaScript庫,它提供了很多方便易用的API,可以大大簡化我們開發網頁所需的JavaScript代碼。
使用jQuery可以輕松實現很多效果,例如:
// 點擊按鈕隱藏一個元素 $('#button').click(function(){ $('#element').hide(); }); // 切換圖片 $('img').click(function(){ var src = $(this).attr('src'); var newSrc = (src == 'img/image1.jpg') ? 'img/image2.jpg' : 'img/image1.jpg'; $(this).attr('src', newSrc); }); // 在表格中添加一行 $('#add-row').click(function(){ var newRow = ''; $('#table').append(newRow); }); New Cell 1 New Cell 2
以上只是jQuery功能的冰山一角,它還擁有很多強大的功能,例如:
- DOM操作
- 事件處理
- 動畫效果
- AJAX請求
- 插件系統
jQuery的代碼非常簡潔,易于閱讀,這也是其受歡迎的原因之一。下面是一個例子,用于對一個列表中的所有元素添加一個類名:
$('li').addClass('new-class');
在現代網頁開發中,jQuery已經成為了一個不可或缺的工具,學會使用它,可以讓我們的工作更加輕松愉快。
上一篇jquery 手風琴
下一篇小程序背景圖片大小css