Trigger Click Events with jQuery

[zilongxuan001]

介绍

学习如何从API里获得信息。API，即Application Programming Interface，应用程序接口，是用来电脑之间相互联系的工具。

我们也学习用Ajax技术从API获得数据后，如何用数据更新HTML。

方法

首先，回顾一下函数$(document),ready。这个函数只有页面下载完之后，才在运行其中的代码。

让我们把click event handler放到这个函数里。

$("#getMessage").on("click", function(){

});

完成这个之后，在下一个挑战中，我们会让Get Message按钮随着messageclass改变元素的文本，

代码

<script>
  $(document).ready(function() {
    // Only change code below this line.
    $("#getMessage").on("click",function(){

    });
    // Only change code above this line.
  });
</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>

结果显示

来源

https://www.freecodecamp.org/challenges/trigger-click-events-with-jquery