寫前端常常需要獲取到點選id的值,讓我們一起來看看jquery如何獲取點選的id值吧。
方法/步驟
新建一個html頁面。如圖:
在html頁面上建立一個點選按鈕,然後給這個按鈕新增一個id。
按鈕程式碼:
如圖:
引入jquery.min.js檔案,然後寫。
程式碼:
如圖:
使用$(this).attr("id")獲取點選的id值。
程式碼:
$(function(){
$("input").click(function(){
var id = $(this).attr("id"); //獲取點選的id
alert("點選的id是:"+id);
})
})
如圖:
儲存html檔案後使用瀏覽器開啟,點選按鈕即可看到效果。
如圖:
所有程式碼。把所有程式碼複製到新建的html儲存後執行即可看到效果(注意:演示用的jquery.min.js是本地的檔案,所以執行時需要注意檢查jquery.min.js檔案路徑是否正確)
所有程式碼:
$(function(){
$("input").click(function(){
var id = $(this).attr("id"); //獲取點選的id
alert("點選的id是:"+id);
})
})
如圖:
注意事項
演示用的jquery.min.js是本地的檔案,所以執行時需要注意檢查jquery.min.js檔案路徑是否正確