jQuery中$.click()没有触发

简介: jQuery中$.click()没有触发

在控制台调试的时候,直接点击元素是可以触发的,到了页面代码中却没有触发点击事件


$("#btn").click();

看了别人的两种思路:


(1)点击的是“A标签”本身

(2)点击的是“A标签”子元素


给a标签添加一个子元素,通过点击子元素触发


let span = document.createElement("span");
$("#btn").append(span);
span.click();

代码示例


<h1 id="title">原来的标题</h1>
<a href="javascript:;" id='btn'>点击</a>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>
    $(function () {
        $("#btn").click(function () {
            $("#title").text("新的标题")
        })
        // 点击元素
        $("#btn").click();
        // 或者 点击里边的元素
        let span = document.createElement("span");
        $("#btn").append(span);
        span.click();
    })
</script>
相关文章
|
7月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
64 1
|
4月前
|
Web App开发 JavaScript Android开发
重载jquery on方法实现click事件在移动端的快速响应
重载jquery on方法实现click事件在移动端的快速响应
|
JavaScript 测试技术 索引
Easyui 关闭jquery-easui tab标签页前触发事件
Easyui 关闭jquery-easui tab标签页前触发事件
119 0
|
JavaScript
使用jquery中实现按回车触发按钮事件和点击提交按钮触发的是一个事件
使用jquery中实现按回车触发按钮事件和点击提交按钮触发的是一个事件
147 0
|
JavaScript
jquery自动触发事件-47
jquery自动触发事件-47
93 0
jquery自动触发事件-47
|
JavaScript 前端开发
JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法
JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法
490 0
JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法
|
JavaScript 前端开发
html页面元素onclick 和 jquery绑定click执行顺序
html页面元素onclick 和 jquery绑定click执行顺序
361 0
|
JavaScript PHP
jquery同时给两个元素绑定同一个click事件
jquery同时给两个元素绑定同一个click事件
475 0
|
JavaScript 前端开发
Jquery 实现click 选中checkbox 多选(或一键选中全部或取消全部)实例代码
Jquery 实现click 选中checkbox 多选(或一键选中全部或取消全部)实例代码
284 0
|
JavaScript
jQuery 解决 click 和 dblclick 冲突
版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82655648 ...
1372 0