选择器

最新推荐文章于 2021-09-11 09:23:49 发布

ghijkldi

最新推荐文章于 2021-09-11 09:23:49 发布

阅读量80

点赞数

本文链接：https://blog.youkuaiyun.com/ghijkldi/article/details/102782908

版权

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <script type="text/javascript" src="jquery-1.11.1.min.js"></script>
</head>
<body>
 <div id="bottom">
  <ul>
   <li>技术服务热线</li>
   <li>Copyright&copy</li>
  </ul>
 </div>
 <ul>
  <li>技术服务热线</li>
  <li>Copyright&copy</li>
 </ul>
 <style type="text/css">
  #bottom{
   background-image:url(images/01.jpg);
   width:800px;
   height:58px;
   clear:both;
   text-align:center;
   padding-top:10px;
   font-size:9pt;
  }
  .copyright{
   color:#FFFFFF;
   list-style:none;
   line-height:20px;
  }
 </style>
  <script type="text/javascript">
   $(douument).ready(function(){
    $("div ul").addClass("copyright");
   });
  </script>
</body>
</html>

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <title></title>
  <script type="text/javascript" src="jquery-1.11.1.min.js"></script>
 </head>
 <body>
  
  <form id="form1" name="form1" method="post" action="">
   姓名：<input type="text" name="name" id="name" />
   <br/>
   籍贯：<input name="native" type="text" id="native" />
   <br/>
   生日：<input type="text" name="birthday" id="bidthday" />
   <br/>
   <span>
    <input type="button" name="change" id="change" value="换肤"/>
   </span>
   <input type="button" name="default" id="default" value="恢复默认"/>
   <br/>
  </form>
  
   
   <style type="text/css">
    input{
     margin: 5px;
    } 
    .input{
     font-size: 12pt;
     color: #333333;
     background-color:#cef;
     border: 1px solid #000000;
    }
   </style>
   <script type="text/javascript">
    $(document).ready(function(){
     $("#change").click(function(){
      $("form > input").addClass("input");
      
     });
     $("#default").click(function(){
      $("form > input").removeClass("input");
     });
    });
   </script>
</body>
</html>