事件切换测试内容

原创 2019-02-11 11:20:27 281
摘要:<!DOCTYPE html><html><head>    <meta charset="utf-8"> <title>事件切换</title> <script type="text/javascript" src="D:/链接/jquery.htm

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

<title>事件切换</title>

<script type="text/javascript" src="D:/链接/jquery.html/jquery-3.3.1.js"></script>

<style type="text/css">

   div,p{width: 200px;height: 200px;border: 1px solid #ccc;}

</style>

</head>

<body>

<script type="text/javascript">

   $(document).ready(function(){

    $('div').hover(

    function(){

    $(this).css('background','red')

      },

      function(){

       $(this).css('color','#fff')

      }

      )

    $('button').click(function(){

      $('p').toggle().css('background','blue')

    })

    })

</script>

<div>欢迎光临</div>

<P style="display: none;"></P>

<button>电击</button>

</body>

</html>    


批改老师:天蓬老师批改时间:2019-02-11 11:22:17
老师总结:<P style="display: none;"></P> , 发后, 标签名称不要大写,应该全部小写,尽管不区分大小写,但要遵守行来规范,使你的代码看上去有点逼格

发布手记

热门词条