首页 > 解决方案 > 如何使用 jquery 将超链接设置为按钮的父级?

问题描述

我有一个简单的按钮,我想使用 jquery 将其作为链接,我知道我可以像这样使用 html

<a href="https://www.w3schools.com" target="_blank">
   <div buttonid="60" class="video-btns show">Login</div>
</a>

但我想要相同但使用 jquery

这里是js

  $(".video-btns").attr('href', "http://www.google.com");

不幸的是,这不起作用,我需要改变什么才能得到我想要的?

标签: javascriptjqueryhtml

解决方案


您对这些内置元素的设计方式存在误解。当注册点击事件时,锚元素能够通过使用超链接引用属性 (href) 自动重定向浏览器页面。

然而,这是锚元素 ( <a>) 的一个特殊特性。该href属性仅保存目标在锚元素上的重定向位置,不利于重定位。

为了以编程方式在浏览器中创建新页面,您需要在点击事件中自己手动打开该位置。

$(".video-btns").click(function() {
  window.open('http://www.google.com', '_blank').focus();
});

推荐阅读