"""
今日作业
必做题
1.前端框架Bootstrap整体文档看一遍
2.自定义点赞功能，点击按钮旁边的数字动态加一
3.自己尝试着搭建图书管理系统页面
4.自己尝试着搭建jQuery练习题页面
"""
点赞：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Bootstrap3 核心 CSS 文件 --> <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <!-- Bootstrap3 核心 JavaScript 文件 --> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> <!-- <link rel="stylesheet" href="css/font-awesome.min.css"> --> <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> </head> <body> <div class="btn btn-info" type="button"> 点赞 <i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <span class="badge">3</span> </div> <script> let btnEle = $(".btn") let badgeEle = $(".badge") btnEle.click(function(){ let num = badgeEle.text() num++; badgeEle.text(num); }); </script> </body> </html>