通过jQuery来绑定点击事件。
首先,我们来看一下函数
$(document).ready()
干了些什么。
这个函数中的代码只会在我们的页面加载时候运行一次,确保执行js之前页面所有的dom已经准备就绪。
任务:给"Get Message"按钮绑定一个点击事件。
我们先在$(document).ready()函数中增加一个click事件。代码如下:
$(document).ready()function by adding this code:
$("#getMessage").on("click", function(){
});
<script>
$(document).ready(function() {
// 请把你的代码写在这条注释以下
$("#getMessage").on('click',function(){
alert("whh");
});
// 请把你的代码写在这条注释以上
});
</script>
<div class="container-fluid">
<div class = "row text-center">
<h2>Cat Photo Finder</h2>
</div>
<div class = "row text-center">
<div class = "col-xs-12 well message">
The message will go here
</div>
</div>
<div class = "row text-center">
<div class = "col-xs-12">
<button id = "getMessage" class = "btn btn-primary">
Get Message
</button>
</div>
</div>
</div>