博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery中使用event.target的几点
阅读量:7196 次
发布时间:2019-06-29

本文共 742 字,大约阅读时间需要 2 分钟。

1.this和event.target的区别:

js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;

2.this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target);

比如:event.target和$(event.target)的使用:

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
无标题文档
  • 第一行
    • 这是公告标题1
    • 这是公告标题2
    • 这是公告标题3
    • 这是公告标题4

上面的例子如果改成使用this:

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
无标题文档
  • 第一行
    • 这是公告标题1
    • 这是公告标题2
    • 这是公告标题3
    • 这是公告标题4

注意这里的event.stopPropagation();这个是阻止事件冒泡的!

声明: 本文采用 协议进行授权 |

转载请注明转自《》

你可能感兴趣的文章
js进阶 10-9 -of-type型子元素伪类选择器
查看>>
html5--6-14 CSS3中的颜色表示方式
查看>>
thinkphp5空控制器和空操作
查看>>
Mac下的UI自动化测试 (二)
查看>>
多线程爬虫
查看>>
bootstrap-table-master
查看>>
LeetCode 265: Paint House II
查看>>
Navicat 远程连接 Oracle11g 数据库报错 No listener 的问题
查看>>
python设计模式之单例模式
查看>>
Flex 布局教程:语法篇
查看>>
JVM内存模型和内存分配学习心得
查看>>
学术家族树典型用户的场景模拟
查看>>
CUDA-GPU编程
查看>>
JSP+Servlet实现验证码生成
查看>>
Winform下的Datagrid的列风格(1)—DataGridComboBoxColumn (ZHUAN)
查看>>
Java中instanceof的用法
查看>>
返回一个二维整数数组中最大联通子数组的和
查看>>
[学习笔记]阶和原根
查看>>
js事件委托
查看>>
计算机硬件
查看>>