jquery(一)

最新推荐文章于 2023-04-07 21:22:51 发布

ygl6150373

最新推荐文章于 2023-04-07 21:22:51 发布

阅读量227

点赞数

分类专栏： js+css

本文链接：https://blog.csdn.net/ygl6150373/article/details/50760379

版权

js+css 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

页面加载完后加载jquery

//************************************

//**************************

//**************************************************************************

<head>
    <title>jquery01.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <style type="text/css">
      .bg{
          background:#f00;
          color:#fff;
      }
    </style>
    
    <script type="text/javascript" src="jquery-1.7.2.js"></script>
    <script type="text/javascript">
      $(function(){
           $("li").mouseover(setColor).mouseout(setColor);//检测鼠标放上时是否有bg，没有就加上，鼠标退出时也检测有则此时删掉bg
          function setColor(){
              $(this).toggleClass("bg");
          }
      });
    </script>
</head>

<body>
   <div id="hello">
    <ul>
       <li>aaaaaa</li>
       <li>bbbbbb</li>
       <li class="abc">cccccccccc</li>
       <li>ddddddddd</li>
       <li>eeeeeeeee</li>
       <li>fffffffffff</li>
    </ul>
   </div>
</body>