第五章初识jQuery

最新推荐文章于 2024-04-08 04:38:46 发布

X_302lizhaohon

最新推荐文章于 2024-04-08 04:38:46 发布

阅读量492

点赞数

本文链接：https://blog.csdn.net/x_302lizhaohon/article/details/81156078

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用css（）方法添加图片边框</title>
    <style>
        div{
            width: 298px;
            margin:0 auto;
        }
    </style>
</head>
<body>
<div><img src="../images/pic.gif"/></div>

</body>
</html>
<script type="text/javascript" src="../js/jquery-1.12.4.js"></script>
<script type="text/javascript">
    $(document).ready(function (){
        $("img").css("border","1px solid #3a6587");
    });
</script>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>显示内容</title>
    <style>
        h1{
            width: 200px;
            padding:5px;
            background-color: #999999;
            color: #FFFFFF;
        }
        h2{
            width: 200px;
            padding:5px;
            background-color: #999999;
            color: #FFFFFF;
        }


        p{
            display: none;
        }
        #p2{
            display: none;
        }
    </style>
</head>
<body>
<!--林微因简介-->
<h1>林微因简介</h1>
<p>
    <strong>林徽因</strong>
    女，汉族，原名林徽音，出生于浙江杭州，祖籍福建福州。中国著名建筑家、诗人、作家。人民英雄纪念碑和中华人民共和国国徽深化方案的设计者
    林徽因是建筑师梁思成的第一任妻子。三十年代初，与夫婿梁思成用现代科学方法研究方法研究中国古代建筑，成为这个学术领域的开拓者。
</p>
<!--主要内容-->
<h2>主要内容</h2>
<p id="p2">
    《你是人间四月天》<br/>
    《宝莲灯》<br/>
    《九十九度中》<br/>
</p>

</body>
</html>
<script type="text/javascript" src="../js/jquery-1.12.4.js"></script>
<script type="text/javascript">
    $(document).ready(function (){
        $("h1").click(function () {
            $("h1").next().css("display","block");
        });
        $("h2").click(function () {
            $("h2").next().css("display","block");
        });
    });
</script>

X_302lizhaohon

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第五章初识jQuery

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;使用css（）方法添加图片边框&lt;/title&gt; &lt;style&gt; div{
复制链接

扫一扫