Jquery中的事件的链接写法

最新推荐文章于 2019-12-19 16:42:56 发布

耿宇丹

最新推荐文章于 2019-12-19 16:42:56 发布

阅读量846

点赞数

分类专栏： Jquery内容

本文链接：https://blog.csdn.net/gengyudan/article/details/8808641

版权

Jquery内容专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<title>jquery事件的链接写法</title>
    <script src="jquery-1.9.1.js" type="text/javascript"></script>
    <style type="text/css">
        .divFrame
        {
            width: 260px;
            border: solid 1px #666;
            font-size: 18px;
        }
        .divTitle
        {
            background-color: #eee;
            padding: 5px;
        }
        .divContent
        {
            padding: 5px;
            display: none;
        }
        .divCurrColor
        {
            background-color: Red;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            $('.divTitle').click(function () {
                $(this).addClass('divCurrColor').next('.divContent').css('display', 'block');
            })
        })
    </script>
</head>
<body>
    <div class="divFrame">
        <div class="divTitle">
            主题</div>
        <div class="divContent">
            <a href="#">链接一</a><br />
            <a href="#">链接二</a><br />
            <a href="#">链接三</a>
        </div>
    </div>
</body>