Question

我有一个问题，如果哪个是制作链接某个元素的最佳方式，例如我有很多图像，我想成为链接，我知道的传统方式是：

<a href="someplace.html><img src="myimage.jpg" ></a>

这是传统的方式，但是，我需要为我想成为链接的所有图像执行此操作，所以我很早就用jquery库做了这个：

<img src="cats.jpg" class="link-cat">

并将其作为链接：

$('.link-cat').hover(function(){$(this).css('cursor','pointer');},function(){$(this).css('cursor','pointer');}).on('click',function(){windows.location.href="http://www.cats.com";})

这是更多的代码，但当我有很多图像时，我觉得这有助于我更多

所以我想问一下，将链接作为链接的最佳方式不仅仅是图像

感谢。

Answer 1

如果您希望用户在浏览器状态区域中查看URL并使用默认光标<a>

，则可以将它们全部包含在<a>标记中

$('.link-cat').each(function(){ 
     $(this).wrap('<a>').parent().attr('href',this.src);
});

至于使用jQuery设置css的方法，在样式表中使用CSS规则对图像类进行操作并使用:hover选择器

会更简单

参考： wrap() API Docs

如何将元素屏蔽为链接的最佳方法是什么？

1 个答案: