js中jquery鼠标事件（点击替换、鼠标移入、移出）

1、先添加三张图片

 <img src="./vscode/images/1.jpg" width="300">
  <img src="./vscode/images/1.jpg" width="300">
  <img src="./vscode/images/1.jpg" width="300">

2、js部分（实现点击图片替换、鼠标移入出现边框，移出边框消失）

<script src="./vscode/js/jquery-3.4.1.min.js"></script>
    <script>
        $("img").click(function () {
            $(this).attr("src", "./vscode/images/R-C.jpg")/*修改属性实现点击替换图片*/
        });
        $("img").mouseover(function () {
            $(this).css("border", "2px solid green") /*如果是多个img的话this是事件的触发源头鼠标移入哪一张显示哪一张*/
        });
        $("img").mouseout(function () {
            $(this).css("border", "2px solid white") 
        });
    </script>