• 闪存
• 博客
• 发言 小组
• 投递 新闻
• 提问 博问
• 添加 收藏
• 文库

如何优雅地用jquery创建一个图片链接

2

悬赏园豆：30 [已解决问题] 解决于 2016-08-17 15:21

最丑陋的实现方式：

var adCreative = {
    img: 'http://www.cnblogs.com/images/logo_small.gif',
    url: 'http://www.cnblogs.com'
};
$('#banner_right').html('<a href="' + adCreative.url + '"><img src="' + adCreative.img + '"/></a>');

优雅的实现方式是什么？

jquery

dudu | 高人七级 | 园豆：29817
提问于：2016-08-17 14:22

显示帮助

使用"Ctrl+Enter"可进行快捷提交，评论支持部分 Markdown 语法：[link](http://example.com) _italic_ **bold** `code`。

< >

分享

分享您的问题

var a = $('<a />', {
    href: 'http://www.cnblogs.com'
});
var img = $('<img />', { 
  src: 'http://www.cnblogs.com/images/logo_small.gif'
});
img.appendTo(a);
a.appendTo('#banner_right');

//连起来确实好看些
$('<a/>', {
 href: 'http://www.cnblogs.com'
}).appendTo($('<img/>', {
 src: 'http://www.cnblogs.com/images/logo_small.gif'
}).appendTo('#banner_right');