jquery 模拟鼠标点击

代码修行者 2013-03-18 12:29:47

意图:点击按钮触发一个 a 标签的 click事件
下面的代码无效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

$(function(){

	$(".btn").click(function(){

		$(".go").trigger("click");

	});

});

</script>

</head>

<body>

<a href="www.baidu.com" class="go">baidu</a>

<input type="button" class="btn"/>

</body>

</html>

...全文

225 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

asdf147asdf 2013-03-18

打赏
举报

必须给a标签加上onclick事件才可以触发。

<a href="http://www.baidu.com" class="go" onclick="window.location.href=this.href">baidu</a>

我是来接分的 2013-03-18

打赏
举报

<a href="http://www.baidu.com" class="go" onclick="location.href='http://www.baidu.com'">baidu</a>

代码如下: 下一步 $(“#alink”).click(); // 触发了a标签的点击事件，但是没有触发页面跳转 document.getElementById(“alink”).click(); //既触发了a标签的点击事件，又触发了页面跳转把 “下一步” 改为 “下一步” 即给A标签中的文字添加一个能被jQuery捕获的元素，然后$(“#spanId”).click()；，才可以触发页面跳转。

这次我们要给大家介绍一个超酷的jQuery动画特效，当你移动或者点击鼠标时，鼠标周围即会出现许多大小不一的气泡，并且这些气泡跟随鼠标一起滑动，气泡模拟非常真实，一段时间内气泡就会逐渐破灭。另外，你也可以通过鼠标右键来控制背景图案以及选择是否开启气泡动画。

jQuery是-个快速、极简的JavaScript框架，它是-个优秀的JavaScript代码库，设计的宗旨是“writeless，Do More”,即倡导写更少的代码，做更多的事情。它提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。虽然现在的Vue、react框架风靡世界，但是目前也有不少的jQuery的开发者坚持使用jQuery。本课程主要是jQuery实战，主要讲解jQuery的API的使用，以及项目实战。

jQuery模拟skype按钮效果，实现一个带对勾的按钮特效，鼠标放按钮上就可看到奇幻效果，鼠标放上后按钮上的小对勾会跳跃几下，然后自动停止，挺逗人的，效果图如上所示。

jquery模拟下拉列表，全部功能，包括鼠标点击其它地方，下拉列表收起