jQuery触发a标签的click事件
2023-09-11 14:16:58 时间
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>测试</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="http://i0.sinaimg.cn/dy/js/jquery/jquery-1.7.2.min.js"></script>
</head>
<body>
<a href="http://www.baidu.com" id="a">点我</a>
<button id="btn">触发A点击</button>
</body>
<script>
$("#btn").click(function(){
// 这种方式不能触发a的click事件,原因是jQuery的click触发的是元素onClick方法,而不是click点击事件
$("#a").click();
//解决方法1: 原生JS不受影响
document.getElementById("a").click();
// 解决方法2:将jQuery对象转换成原生对象
$("#a")[0].click();
});
</script>
</html>
相关文章
- jquery鼠标放上去显示悬浮层即弹出定位的div层
- jQuery Validation Plugin input tag必须是在form里面
- jQuery 追加元素、拼接元素的方法总结(append、html、insertBefore、before等) 初识document.onkeydown及其兼容性问题 js学习笔记27----键盘事件 JavaScript onkeydown事件入门实例(键盘某个按键被按下)
- Jquery如何序列化form表单数据为JSON对象 C# ADO.NET中设置Like模糊查询的参数 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值 jquery调用iframe里面的方法 Js根据Ip地址自动判断是哪个城市 【我们一起写框架】MVVM的WPF框架(三)—数据控件 设计模式之简单工厂模式(C#语言描述)
- JQuery入门(3)
- jquery点击div以外的区域触发事件
- 基于 jQuery Jcrop 插件的功能模块:头像剪裁
- jQuery 事件 - unload 方法
- 《jQuery UI 开发指南》——1.3 什么是CSS主题
- 《jQuery与JavaScript入门经典》——1.4 问与答
- jquery中Live方法不可用,Jquery中Live方法失效
- jquery.validate.js校验select2解决方案,Jquery插件select2校验解决方案
- vue工程化之项目引入jquery
- vue学习笔记五:Jquery VS Vue之事件监听明细对照
- 最新eclipse安装配置spket教程,自动补全 Jquery,应该把plugins和features两个文件夹复制到dropins下
- Jquery针对一系列元素,排除某个元素的操作
- Jquery为动态添加的未来元素绑定事件
- jQuery 为动态添加的元素绑定事件
- 解决jQuery ajax动态新增节点无法触发点击事件的问题
- JS: javascript 点击事件执行两次js问题 ,解决jquery绑定click事件出现点击一次执行两次问题
- Jquery_jquery中attr和prop的区别
- jquery.validate 验证记录
- Jquery学习—jquery的事件
- JS原生Ajax和jQuery的Ajax与代码示例-ok
- jquery click()方法模拟点击事件对a标签不生效
- JQuery/JS插件 jstree 添加点击事件