3、考试要求： 1.给class=box的div绑定鼠标划入划出事件 2.鼠标划入时，给class=box的div改变样式 背景颜色-红色 边框-2个像素 直线 蓝色 3.鼠标划出时，给class=box的div恢复原来的颜色 边框无

好的，你的问题是如何给class=box的div绑定鼠标划入划出事件，并在鼠标划入时改变样式，在鼠标划出时恢复原来的样式？

你可以使用jQuery实现这个功能。具体步骤如下：

1. 在HTML文件中引入jQuery库：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

2. 在JavaScript文件中编写代码，给class=box的div绑定鼠标划入划出事件：

$(document).ready(function() {
  $(".box").hover(
    function() {
      // 鼠标划入时改变样式
      $(this).css({
        "background-color": "red",
        "border": "2px solid blue"
      });
    },
    function() {
      // 鼠标划出时恢复原来的样式
      $(this).css({
        "background-color": "",
        "border": ""
      });
    }
  );
});

这段代码使用了jQuery的hover()方法，第一个参数是鼠标划入时执行的函数，第二个参数是鼠标划出时执行的函数。在函数中，使用$(this)来获取当前鼠标所在的元素，然后使用css()方法改变元素的样式。