jQuery 设置练习

Mogul1

于 2018-07-09 08:48:49 发布

阅读量199

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/Mogul1/article/details/80963091

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <style>
        .high {
            color:red;
            font-weight:bold;
        }
        .second {
            font-style:initial;
            color:blue;
        }
    </style>
    <script src="Scripts/jquery-1.11.3.js"></script>
    <script type="text/javascript">
        $(function () {
            $("p").click(function () {
                //添加一个类如果有就删除没有就添加
                $(this).toggleClass("second");
            });
        });
    </script>
</head>
<body>
    <p class="high" id="fruit" title="请选择喜欢的水果">水果列表 </p>
    <ul>
        <li title="苹果">苹果</li>
        <li title="橘子">橘子</li>
        <li title="西瓜121">西瓜</li>
    </ul>
</body>