JQuery是一種廣泛使用的JavaScript庫,其強大的DOM操作和事件處理功能使其成為Web前端開發中不可或缺的工具之一。在本文中,我們將使用JQuery來實現圖片的點擊更換功能。
//當文檔完全加載后,執行以下代碼 $(document).ready(function(){ //找到頁面上要更換的圖片 var image = $('#image'); //當圖片被點擊時,執行以下代碼 image.on('click', function(){ //將當前圖片的路徑替換為新的路徑 image.attr('src', 'new_image.jpg'); }); });
在上述代碼中,我們首先找到了頁面上要更換的圖片,這是通過JQuery選擇器中的$('#image')
來實現的,其中'image'是我們在HTML文檔中定義的ID。然后,當圖片被點擊時,我們使用image.on('click', function(){ ... });
來綁定一個'click'事件處理程序。在這個事件處理程序中,我們使用image.attr('src', 'new_image.jpg');
將當前圖片的路徑替換為新的路徑。
下一篇jquery 點擊移動