14.3 使用 jQuery 交互

使用 $ 快速查询元素，使用 jQuery 方法快速修改元素属性等；
简单举例；

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="//cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>
    <style>
        .test {
            background-color: red;
        }
    </style>
    <script>
        $(document).ready(function () {
            $("#aLink").click(function (event) {
                $("#content").attr("class","test");
                event.preventDefault();
            });
        })
    </script>
</head>
<body>
<div id="content">
123
</div>
<a id="aLink">点击链接</a>
</body>
</html>