HTML 事件是发生在 HTML 元素上的事情。那么我们要如何使用jquery来监听事件呢?下面我们就来看一下jquery监听事件的方法。

jquery中可以使用click()、on()等方法监听事件。

click() 方法触发 click 事件,或规定当发生 click 事件时运行的函数。

示例:

菜鸟教程(runoob.com)

$(document).ready(function(){

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

alert("段落被点击了。");

});

});

点击这个段落。

on() 方法在被选元素及子元素上添加一个或多个事件处理程序。

使用此方法监听事件:

$(document).ready(function(){

$("p").on("click",function(){

alert("段落被点击了。");

});

});

点击这个段落。

更多相关知识请关注前端学习网站

jq监听子元素被点击_jquery怎么监听点击事件?相关推荐

  1. div设置overflow-scroll滚动之后,jq获取其子元素的offset.top出现问题。

    先上个图: 布局很简单,左右超过屏幕的部分自行滚动. 1. html <div class="ce-container"><div class="ce- ...

  2. jQ选择器(子元素 后代元素 兄弟元素 相邻元素)

    <script type="text/javascript">//子选择器//$('div > p') 选择所有div元素里面的子元素P$('div > p ...

  3. jq监听子元素被点击_vue开发app点击字母展示地区列表(兄弟组件之间联动)

    下图这种地区搜索方式在很多app中都很常见,今天就使用vue框架中的 better-scroll 第三方包来实现页面滚动和点击侧边栏字母该字母开头的地区列表置顶功能. 1.A子组件通过使用 this. ...

  4. js 捕获子元素的 focus 事件

    focus 事件可以绑定任何元素,但只有可编辑元素才可以触发 focus 事件.且 focus 事件不会冒泡. 所以不能在父元素监听子元素的 focus 事件. focusin 事件与 focus 一 ...

  5. 如果删除了DOM元素,是否还将其侦听器也从内存中删除了?

    本文翻译自:If a DOM Element is removed, are its listeners also removed from memory? 如果删除了DOM元素,它的侦听器也会从内存 ...

  6. 在vue页面监听中如何修改子元素的样式

    项目原先代码: 需要实现的是导航栏在页面下滑到一定位置的时候,对其样式进行修改 父组件system.vue页面 <template> <div><div id=" ...

  7. jquery 监听td点击事件_VUE @hook浅析(监听子组件的生命周期钩子) - 古兰精

    一.前言 接触hook是从webhook开始接触的,webhook是git的一个扩展服务,可以在仓库接收到push/commit事件并发送http request至一个开发者可以自定义的URL.通过这 ...

  8. JQ点击改变当前元素子元素的样式,点击兄弟元素移除当前元素子元素样式

    pt为当前元素,pz-li-on为父元素点击改变的样式名 找到当前元素的子元素 tc-li-tt 和 tc-li-det 分别加上样式, 然后点击其他兄弟元素后,移除当前元素子元素样式 代码如下: $ ...

  9. 给父元素添加点击事件时,获取到的 event.target 为子元素(point-events: none 的妙用)

    目录 场景 分析 解决 场景 使用 ion-select 组件时,点击下拉图标 点击事件的 event.target,不是图标本身的 DOM,而是图标子元素的 DOM 这会导致 popover 无法计 ...

最新文章

  1. 高速缓存系统之redis c++使用实例
  2. Winform将FastReport的report与PreviewControl建立绑定关系
  3. OpenGL 几何着色器细分的实例
  4. Web API 方法的返回类型、格式器、过滤器
  5. html+css基础-4-html标签、Doctype、iframe,table布局
  6. goldwave简单使用
  7. 【知识】SpringBoot项目结构目录
  8. VS2010“未能正确加载包”问题解决方法小汇
  9. Java开发企业微信群机器人发送markdown消息
  10. ABeam Insight | 女性科技系列(3):国内外女性科技(FemTech)企业介绍
  11. ARM-LINUX-GCC交叉编译工具链必知必会
  12. Tensorboard无法显示图像
  13. Vim常用操作,normal模式、insert模式和visual模式
  14. Tita OKRs-E 使OKR成为您企业DNA一部分
  15. 西方国家的饮食讲究简单、清淡、新鲜
  16. java计时器_Java 计时器
  17. LabVIEW使用两三年感触
  18. 无失真传输matlab原理,信号与系统实验(MATLAB版)实验23综合实验4——无失真传输系统.ppt...
  19. MINI型 UWB 室内定位开发模块电路图及PCB和源码开源
  20. 006 三位数乘两位数(四上)

热门文章

  1. 办公室职位职务词汇2
  2. WPS PPT 公式编辑 希腊字母不显示及公式编辑器中运算符号、希腊字母不显示
  3. QT实现 字符串 数学公式运算
  4. java8的swing_java swing
  5. 干货分享丨高效SQL语句编写-Oracle Code 2019中云和恩墨CTO杨廷琨的分享
  6. hp计算机如何用u盘启动,HP惠普笔记本如何进入bios设置u盘启动装系统?-电脑自学网...
  7. crashfix平台搭建
  8. 有了这篇Android面试葵花宝典,你就离进入大厂不远了
  9. 关于ShareSDK分享配置
  10. 数据分析之--可视化分析