Jquery attr中的href不工作

尝试在选择单选按钮并将第二个图像作为链接后交换图像。图像在单击时已成功交换，但第二个图像未链接

<script type="text/javascript">
$(document).ready(function() { 
  $('#chkImg').click(function() {
      if($('#chkImg:checked').val()!=null) {
          $('#imgImage').attr({ src: 'circle.png' , href: 'http://www.google.com' })
      }
  })
})
</script>

<input type="radio" name="chkImg" id="chkImg">
<img id="imgImage" name="imgImage" src="square.png"> </p>

$（文档）.ready（函数（）{
$（'#chkImg'）。单击（函数（）{
if（$（'#chkImg:checked'）.val（）！=null）{
$（'#imgImage'）.attr（{src:'circle.png'，href:'http://www.google.com' })
}
})
})

您必须为

href

属性使用

标记才能工作

$('#imgImage').attr({ src: 'circle.png' })
  .wrap('<a href="http://www.google.com">');

$（'#imgImage'）.attr（{src:'circle.png'}）
.wrap（“”）；

href仅在

标记内有效。如果您希望您的

标记可以单击，您可能希望尝试使用javascript重定向：

---

img元素没有

href

属性，您需要将其包装在标记中

$('#imgImage')
  .attr({ src: 'circle.png' })
  .click(function() { window.location = 'http://www.google.com' });