JQuery实现鼠标移动到图片上显示边框效果

$(document).ready(function(){
  $("img").hover(
    function() {
      // 鼠标移入时添加边框
      $(this).css("border", "3px solid #000");
    }, function() {
      // 鼠标移出时移除边框
      $(this).css("border", "none");
    }
  );
});

这段代码使用jQuery来实现当鼠标移动到图片上时显示边框的效果。在`document.ready`函数中，我们对所有的``标签绑定了一个`hover`事件。当鼠标移入时，通过`css`方法给图片添加一个黑色的边框；当鼠标移出时，将边框设置为`none`，即移除边框。这样，就实现了鼠标移动到图片上时显示边框的效果。