A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

huhongxu

初级黑马

  • 黑马币:20

  • 帖子:7

  • 精华:0

© huhongxu 初级黑马   /  2019-6-21 14:27  /  681 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>基本选择器</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <script  src="../../src/js/jquery-3.3.1.min.js"></script>
        <style type="text/css">
                         div,span{
                            width: 180px;
                            height: 180px;
                            margin: 20px;
                            background: #9999CC;
                            border: #000 1px solid;
                                float:left;
                            font-size: 17px;
                            font-family:Roman;
                        }
                       
                        div .mini{
                            width: 50px;
                            height: 50px;
                            background: #CC66FF;
                            border: #000 1px solid;
                            font-size: 12px;
                            font-family:Roman;
                        }
                       
                        div .mini01{
                            width: 50px;
                            height: 50px;
                            background: #CC66FF;
                            border: #000 1px solid;
                            font-size: 12px;
                            font-family:Roman;
                        }
                       
                       
                       
         </style>
        <script type="text/javascript">
       
                 

        </script>
   
        </head>
         
        <body>
                               
                 <input type="button" value="保存"  class="mini" name="ok"  class="mini" />
                 <input type="button" value="改变 id 为 one 的元素的背景色为 红色"  id="b1"/>
                 <input type="button" value=" 改变元素名为 <div> 的所有元素的背景色为 红色"  id="b2"/>
                 <input type="button" value=" 改变 class 为 mini 的所有元素的背景色为 红色"  id="b3"/>
                 <input type="button" value=" 改变所有的<span>元素和 id 为 two 的元素的背景色为红色"  id="b4"/>
               

                 <h1>有一种奇迹叫坚持</h1>
                 <h2>自信源于努力</h2>
                 
           <div id="one">
                     id为one      
                 </div>
               
                 <div id="two" class="mini" >
                       id为two   class是 mini
                       <div  class="mini" >class是 mini</div>
                 </div>
               
                 <div class="one" >
                             class是 one
                       <div  class="mini" >class是 mini</div>
                           <div  class="mini" >class是 mini</div>
                 </div>
                 <div class="one" >
                           class是 one
                       <div  class="mini01" >class是 mini01</div>
                           <div  class="mini" >class是 mini</div>
                </div>
               

                <span class="spanone">class为spanone的span元素</span>
                <span class="mini">class为mini的span元素</span>
               

                <input type="text" value="zhang" id="username" name="username">
       
        </body>
       
       
       
</html>

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马