通過點(diǎn)擊事件來更改文本。
當(dāng)我們點(diǎn)擊按鈕時(shí),我們可以更新HTML頁面
任務(wù):點(diǎn)擊"Get Message"按鈕,將class為message的元素的文本改為:“Here is the message”。
為此在我們的點(diǎn)擊事件中加入如下代碼:
$(".message").html("Here is the message”);
示例:
<script>
$(document).ready(function() {
$("#getMessage").on("click", function(){
// 請把你的代碼寫在這條注釋以下
$(".message").html("Here is the message");
// 請把你的代碼寫在這條注釋以上
});
});
</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>