如何使用带有 Jquery 的图像创建超链接？答案

【问题标题】：How do I make an hyperlink using an image with Jquery?如何使用带有 Jquery 的图像创建超链接？
【发布时间】：2015-03-20 17:44:44
【问题描述】：

这些是我的代码。我正在尝试使用我的 phonegap 项目的图像创建超链接。感谢任何帮助，因为我是编码初学者！

<!-Home Page->
       <div data-role = "page" id = "home">
      <div data-role = "header" data-theme ="b">
         <h1>Valentine's Day</h1>
         <a data-role = "button" href = "#Valentino" >Valentino</a>
      </div>
      <div data-role = "content">
         <p>Looking for something to get for your loved ones? </p>
         <a href ="#Valentino"></a><img src = "images/myimage.png" width="250" height="300" class="ui-li-icon"/>
      </div>
   </div>

【问题讨论】：

标签： jquery image hyperlink

【解决方案1】：

只需将<img> 放在<a> 内：

<a href="#Valentino">
  <img src="images/myimage.png" width="250" height="300" class="ui-li-icon" />
</a>

【讨论】：

【解决方案2】：

使用jQuery() 函数创建元素，在第二个参数中指定属性和内容。

var link = $('a', {
    href: '#Valentino',
    html: $('img', {
        src: 'images/myimage.png',
        width: 250,
        height: 300,
        "class": 'ui-li-icon'
    }),
});
$("#someDiv").append(link);

【讨论】：