-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,所以请原谅我的问题含糊不清或不够专业。无论如何我可以在不使用IDClass属性的情况下实现 Day 和 Night 按钮的单独点击。

我想知道我们是否可以实现收集数据文件属性的点击[使用 attr 或 data 属性]。

4

1 回答 1

3

针对两个不同的数据属性:

$(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-17T17:37:00.517 回答