可以使用jQuery的“attr”方法改变img的图片路径。
3、用浏览器打开网页，按F12键打开网页源码，可以查看img路径已经从“a.png”换成“b.png”了：
关于这个问题，图片点击变成另一张图片可以通过以下几种方式实现：
2. 使用JavaScript：可以使用JavaScript来实现图片点击变换。首先，在HTML中创建一个包含两张图片的容器，然后使用JavaScript给其中一张图片绑定一个点击事件监听器。当点击事件触发时，通过修改图片的`src`属性将其替换为另一张图片的路径。
3. 使用jQuery：如果你正在使用jQuery库，可以使用它的事件处理函数来实现图片点击变换。首先，在HTML中创建一个包含两张图片的容器，并使用jQuery选择器选中其中一张图片，然后使用jQuery的`click`方法为其绑定一个点击事件处理函数。当点击事件发生时，通过修改图片的`src`属性将其替换为另一张图片的路径。
以上是三种常见的实现方式，具体选择哪种方式取决于你的需求和技术栈。
你现在的效果应该是鼠标移上去之后会变成另外一张图片。 使用的是CSS的伪类， a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ a:active {color: #0000FF} /* 选定的链接 */ 提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。 提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。 提示：伪类名称对大小写不敏感。
jQuery.lazyload 技术中可以指定一个占位的图片（这个图片一般很小，是纯色的），用来替代真正用来显示的图片，这个放到src中，真实的地址放到诸如data-src的属性中。
通常这个图片会很大，那么当浏览器窗口滚动到它的偏移位置时，jQuery.lazyload才会更改为正确的原始图片地址，真正向服务器请求这个原始图片的。所以有一定的延迟加载作用。
而且这种使用方式，会影响SEO，且会在用户到位置时，才会加载图片，用户需要查看时会有等待加载的过程。
所以，也不能说是延迟加载，而是当图片在用户视图范围需要查看时才加载真正的图片。