使用jQuery模拟鼠标点击a标签事件

Posted 一个勤奋的胖子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用jQuery模拟鼠标点击a标签事件相关的知识,希望对你有一定的参考价值。

来源于:https://mo2g.com/view/42/

 

<html>
<head>
<meta charset="UTF-8">
<title>磨途歌-A标签测试3</title>
</head>
<body>
    <a href="http://www.mo2g.com">磨途歌</a>
</body>
</html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
jQuery(function($) {
    $("a")[0].click();
});
</script>

打印$("a")[0],得到的是http://www.mo2g.com,但实际上$("a")[0]是一个object对象,或许说是DOM对象更贴切一些。经过测试发现,其实原生的js就已经实现了类似的点击a标签的功能。原生js写法类似如下:

 

document.getElementsByTagName("a")[0].click();

只要获取到A标签的DOM对象,就能使用click()函数激活点击事件了。

以上是关于使用jQuery模拟鼠标点击a标签事件的主要内容,如果未能解决你的问题,请参考以下文章

jquery为a标签添加点击事件吗

js如何实现鼠标模拟点击

jQuery 怎么实现模拟鼠标点击效果,要点击的位置是用JS调用的,无法得到被点击标签的ID

JQuery模拟点击页面上的所有a标签,触发onclick事件

jquery鼠标点击事件是啥?

怎么对a标签 不跳转触发点击事件