JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法

简介: JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法

     

原生 js 直接作为方法调用即可触发。

// 定位登录按钮
let login_btn = document.querySelector("#login_div > div > div.login-content > div.content-right > div > div > div.login-panel-input.login-submit-panel > button");
// 调用按钮事件进行点击
login_btn.click();

image.png

可以看到效果图:

2.gif

jquery 通过 trigger() 方法触发点击事件。

$("#login_div  > div > div.login-content > div.content-right > div >  div > div.login-panel-input.login-submit-panel >  button").trigger("click")

使用前提是该 dom 元素必须绑定的事件才能出发,他的祖先元素绑定的事件他触发不了,所以这里要把 Ancestors All 取消勾选一下。

image.png

喜欢的点个赞❤吧!

           

目录
相关文章
|
8天前
|
存储 JSON 监控
JavaScript 逆向基础篇:浏览器调试与 Hook 技术
JavaScript 逆向基础篇:浏览器调试与 Hook 技术
16 1
|
11天前
|
存储 JavaScript 前端开发
使用Vue.js构建交互式用户界面的技术探索
【8月更文挑战第9天】Vue.js以其简洁的API、高效的性能、灵活的架构和强大的组件系统,成为了构建现代Web应用交互式用户界面的理想选择。通过掌握Vue.js的核心概念和最佳实践,开发者可以轻松地构建出既美观又实用的Web应用。随着Vue.js生态的不断发展和完善,相信它将在未来继续引领前端开发的潮流
|
28天前
|
开发框架 JavaScript 前端开发
JavaScript框架比较与选择:技术深度剖析
【7月更文挑战第23天】选择正确的JavaScript框架是项目成功的关键。React.js、Vue.js、Angular和Svelte等前端框架各有千秋,分别适用于不同的项目需求。同时,Node.js及其后端框架为服务器端开发提供了强大的支持。开发人员应根据项目的复杂性、性能要求、开发周期以及团队技能等因素综合考虑,选择最适合的框架。随着技术的不断发展,未来还将涌现更多优秀的JavaScript框架,为开发者带来更多选择和可能性。
|
5天前
|
移动开发 JavaScript 前端开发
基于CSS3、原生JS、Vue3.0技术各自实现序列帧动画效果
这篇文章展示了如何使用纯CSS3、原生JavaScript以及Vue 3.0技术来实现序列帧动画效果,并通过代码示例和动画效果展示了每种方法的实现过程和最终效果。
12 0
|
7天前
|
存储 缓存 JavaScript
JavaScript——请列出目前主流的 JavaScript 模块化实现的技术有哪些?说出它们的区别?
JavaScript——请列出目前主流的 JavaScript 模块化实现的技术有哪些?说出它们的区别?
15 0
|
前端开发 JavaScript API
jquery实战第一讲---概述及其入门实例
       就在5月28号周四下午五点的时候,接到xxx姐姐的电话,您是xxx吗?准备一下,周五上午八点半去远洋面试,一路风尘仆仆,颠颠簸簸,由于小编晕车,带着晕晕乎乎的脑子,小编就稀里糊涂的去面试了,温馨提醒,晕车的小伙伴家中常备晕车药,关于远洋面试的一些总结,小编会后续在博客中贴出,希望对有需要的小伙伴一些帮助,通过面试发现面试官大量的提问jquery的相关知识,那时年少,学习jquery的时候,想起来就是一把辛酸泪,于是,小编励志再把JQuery的相关知识复习一遍,把相关的知识点总结到博客中,欢迎不同意见的小伙伴一起讨论交流。
1273 0
|
前端开发 JavaScript 关系型数据库
JQuery实战---初识JQuery+入门实例
       JQuery在小编的世界中,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库,百度百科对JQuery的介绍比较详细,小伙伴可以东东自己可耐的小爪子,上网进行搜索,说不定,有意外惊喜哦,今天这篇博客...
1327 0
|
JSON JavaScript 前端开发
jquery ajax post 入门及简单实例
定义和用法 post() 方法通过 HTTP POST 请求从服务器载入数据。 语法 jQuery.post(url,data,success(data, textStatus, jqXHR),dataType) 参数 描述 url 必需。
1270 0
|
3月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
2月前
|
设计模式 JavaScript 前端开发
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
31 1

热门文章

最新文章