Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery将超链接设置为按钮的父级?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何使用jquery将超链接设置为按钮的父级?

Javascript 如何使用jquery将超链接设置为按钮的父级?,javascript,jquery,html,Javascript,Jquery,Html,我有一个简单的按钮,我想使用jquery将其作为链接,我知道我可以像这样使用html <a href="https://www.w3schools.com" target="_blank"> <div buttonid="60" class="video-btns show">Login</div> </a> 不幸的是,这不起作用,我需要改变什么才能得到我想要的?您对这些内置元素的设计方式有误解。锚元素能够在注册单击事件时使用超链接引用属性

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

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

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

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

但是,这是锚元素的一个特殊特性(
)。
href
属性仅保留目标在锚元素上重定向的位置,不便于重新定位

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

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

您应该指示/引用HTML元素,在使用jquery的代码中,您引用的是div

<a id="link" href="https://www.w3schools.com" target="_blank">
   <div class="video-btns show">Login</div>
</a>
<a id="link" href="https://www.w3schools.com" target="_blank">
   <div class="video-btns show">Login</div>
</a>
$("#link").attr('href', "http://www.google.com");