jQuery課程設計:陳洋
$(document).ready(function() { // 頁面加載完成后執行 }); $('.btn').click(function() { // 點擊.btn按鈕后執行 }); $('input[type="text"]').change(function() { // 輸入框內容改變后執行 }); $('ul li').hover(function() { // 鼠標懸停在ul li元素上執行 }, function() { // 鼠標移出ul li元素后執行 }); $('#box').animate({ left: '200px', opacity: '0.5' }, 1000, function() { // 動畫結束后執行 }); $.ajax({ url: 'example.php', type: 'POST', dataType: 'json', data: { name: 'John', age: 30 }, success: function(response) { // 請求成功后執行 }, error: function(xhr, status, error) { // 請求失敗后執行 } });
以上代碼展示了常用的基礎jQuery功能,包括頁面加載后執行、按鈕點擊事件、輸入框內容改變事件、鼠標懸停和移出事件、動畫效果和AJAX請求等。陳洋老師通過深入淺出的講解,讓我們對jQuery的使用有了更深刻的理解和應用。
上一篇css怎么看屬性
下一篇css怎么清楚圖片背景