將事件監聽器添加到按鈕而不使用class或id屬性？

-1

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>css demo</title> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script> 
    $(document).ready(function(){  
     $('button').on('click', function(){ 
      console.log("Day button clicked"); 
     }) 
    }); 
</script> 
</head> 
<body> 
    <h1> My WebSite</h1> 
    <div> 
     <button data-file="day">Day</button> 
     <button data-file2="night">Night</button> 
    </div> 
</body> 
</html>

我剛開始學習jQuery，所以請原諒我，我的問題很模糊或者沒有足夠的課程。無論如何，我可以實現單獨點擊日夜按鈕，而不使用ID或類財產。將事件監聽器添加到按鈕而不使用class或id屬性？

我想知道我們是否可以實現點擊採集數據文件屬性[使用attr或數據屬性]。

來源

2013-08-17 theJava

'$（ '按鈕[數據文件= 「天」]'）'將工作。 –

這裏的要點是：您可以使用將匹配的任何**選擇器，包括屬性選擇器。 –

目標的兩個不同的數據屬性：

$(document).ready(function(){  
    $('button[data-file]').on('click', function(){ // or [data-file="day"] to be 
     console.log("Day button clicked");   // even more specific 
    }); 

    $('button[data-file2]').on('click', function(){ 
     console.log("Night button clicked"); 
    }) 
});

來源

2013-08-17 17:37:00 adeneo

將事件監聽器添加到按鈕而不使用class或id屬性？

回答

相關問題