示例

描述:

Example: 显示点击元素的标签名。

代码:

click

$("body").click(function(event) {

$("#log").html("clicked: " + event.target.nodeName); });

描述:

举例: 实现一个简单的事件委托:给无序列表增加一个点击事件处理函数,然后它的子元素li的子元素都隐藏起来。当点击这个ul其中一个子元素li的时候,来回切换显示(参见 toggle())li的子元素。

  • item 1

    • sub item 1-a
    • sub item 1-b
  • item 2
    • sub item 2-a
    • sub item 2-b

function handler(event) {

var $target = $(event.target);

if( $target.is("li") ) {

$target.children().toggle();

}

}

$("ul").click(handler).find("ul").hide();

target ajax,jQuery target - jquery事件相关推荐

  1. 杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

    1 筛选[掌握]  筛选与之前"选择器"雷同,筛选提供函数 1.1 过滤 eq(index|-index),获取第N个元素 •index:一个整数,指示元素基于0的位置,这个元素 ...

  2. ajax点击事件触发后台,使用jquery点击事件触发AJAX

    我有两个下拉菜单,其中一个我试图用jquery替换单选按钮.第二个盒子通过AJAX进行更新,每次用户在第一个下拉菜单中进行选择时都会有新选项.我已经成功生成单选按钮,可以更改第一个下拉列表的值,但是当 ...

  3. jquery绑定的事件对ajax刷新出的数据不生效,on可能受jquery版本影响

    问题:jquery绑定的事件对ajax刷新出的数据不生效 方法:可以用 jquery 里面的 on 和  delegate 预绑定父元素就可以触发的. 注意:某些限制下,个人用的是jquery 1.4 ...

  4. jquery ajax 点击按钮,Jquery ajax调用点击事件提交按钮

    当用户点击一个提交按钮时,我必须构建一个ajax调用,所以我包含了jquery,并且我写了下面的代码(取自jquery文档):Jquery ajax调用点击事件提交按钮 $(document).rea ...

  5. vue学习:事件传递(冒泡和捕获),事件委托,jquery中的事件委托,$event 获取元素,vue事件修饰符

    事件传递 ----冒泡和捕获 DOM事件标准定义了两种事件流,这两种事件流分别是捕获和冒泡. 和许多Web技 术一样,在它们成为标准之前,Netscape和微软各自不同地实现了它们.Netscape选 ...

  6. JQuery中的事件和选择器

    学习jQuery最应该了解的也就是JQuery中的事件和选择器. 那么常见的事件有哪些: 鼠标事件:mousedown鼠标按下,mouseup鼠标松开,mouseenter鼠标进入某个元素 mouse ...

  7. jQuery中绑定事件的几种方法

    以click事件为例,jQuery中绑定事件有三种方法: (1)target.click(function(){});  (2)target.bind("click",functi ...

  8. jQuery碎语(2) 事件

    4.事件 ● 通过方法名给元素绑定事件: $('li').click(function(event){}) ● 通过bind方法给元素绑定事件: $('li') .bind('click',funct ...

  9. 四、jQuery 中的事件和动画(嘎嘎详细)

    文章目录 前言 一.事件 1.1 加载 DOM 1.1.1 执行时机 1.1.2 多次使用 1.1.3 简写方式 1.2 事件绑定 1.2.1简单使用 1.2.2 简写绑定事件 1.3 合成事件 1. ...

最新文章

  1. python中eval()函数的使用
  2. 第18天学习Java的笔记-ArrayList
  3. iis mysql cpu_[译]通过IIS Request Filtering解决SQL Server CPU高的问题
  4. 【英语学习】【Daily English】U09 Fashion L01 Which one do you think suits me better?
  5. .NET简谈互操作(一:开篇介绍)
  6. OPNET仿真中的问题
  7. JAVA计算机毕业设计劳务外包管理系统(附源码、数据库)
  8. OSG开发笔记(二十三):Qt使用QOpenGLWidget渲染OSG和地球仪
  9. 计算机visio流程图,系统流程图和Visio
  10. 天津互联网公司和生活成本
  11. C51玩8x8LED点阵:PointGame —— 收藏数爆炸的LED小游戏
  12. C/C++在线餐馆预订管理系统
  13. 字节跳动算法工程师总结:腾讯+字节+阿里面经真题汇总,含面试题+答案
  14. PCLint使用介绍
  15. libnet介绍与分析
  16. mysql中TINYINT的取值范围
  17. oracle bpm 二次开发,Oracle BPM Suite产品详细说明
  18. Cmake在Windows下安装Opencv3.2遇到的问题
  19. 习题4-5 换硬币 (20分) 将一笔零钱换成5分、2分和1分的硬币,要求每种硬币至少有一枚,有几种不同的换法?
  20. ViewPager+Fragment+ViewPager+Fragment

热门文章

  1. python 调用opencv dll_【问题已解决】python 3.6下安装opencv-python解决cv2 DLL load failed: 找不到指定的模块问题...
  2. 看懂 ,学会 .NET 事件的正确姿势-简单版
  3. spring之集合注入
  4. 使用Stack进行递归
  5. error while loading shared libraries: xxx.so.x错误
  6. Hdu 5339 Untitled (数学思维)
  7. 【原】行内元素产生水平空隙是bug吗
  8. SQL Server 2005之Profiler错误:only TrueType fonts are supported.
  9. Web开发中实用小工具
  10. c++ 构造函数数组_“动态数组”的设计与实现