美文网首页前端Freecode camp
FCC-JS-JQ-Trigger Click Events w

FCC-JS-JQ-Trigger Click Events w

作者: zhang_yongfeng | 来源:发表于2018-10-26 21:26 被阅读13次

    通过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>
    

    相关文章

      网友评论

        本文标题:FCC-JS-JQ-Trigger Click Events w

        本文链接:https://www.haomeiwen.com/subject/adaltqtx.html