点击事件on和onclick 两者之间的区别

点击事件on和onclick 两者之间的区别（很重要）

第1种事件
$('.XX').click('.xxx',function() { alert('xxx') });
第2种事件
$('.XXX').on('click','.xxx', function() { alert('xxx') })

click是点击事件，但是在页面加载完之后，jquery事件新添加的元素，用click的话是无法获取元素的，这个时候要用on去获取元素事件，简单的说页面加载完成时候页面显示的元素可以用on，也可以用click，但是页面加载完成之后后期再追加的元素只能用on。

这两个事件的区别之处在于:
简单的说页面加载完成时候页面显示的元素（DOM节点已全部加载完）可以用 on ，也可以用click ，

但是在页面加载完成之后后期再追加元素（DOM节点元素还没完全显示出来）只能用on

解释一下：

$('.AAA').on('click','.bbb', function() { alert('bbb') })

获取class 为bbb元素的上一级（或父级）元素，选择click的方式，执行回调函数function ()并运行弹出元素bbb,这里的on,元素bbb如果没全部加载出来。没有直接获取到class为bbb的元素，这个时候它就会去找上一级（或父级）的元素，然后在从上一级（或父级）往下接着再执行，就会找到class为bbb的元素了，就触发了点击事件，并执行事件里面的函数啦 ~

$("p").on("click",function(){alert("段落被点击了。");});

点击事件on和onclick 两者之间的区别相关推荐

CSS 点击事件on 和onclick有什么区别？ // CSS关于文本的那几个实用的属性
2.CSS文本 2.1 white-space: pre-line; 强制文字进行换行,前提是在文本中要先在文字中加" \n ",这样css识别出来在此处进行强制换行. word- ...
python点击事件onclick_Python获取onclick值
我正在使用Python和BeautifulSoup为我的一个小项目创建一个网页.该网页有多个条目,每个条目用HTML中的表行分隔.我的代码部分工作,但是很多输出是空白的,它不会从网页中获取所有结果,甚 ...
安卓java代码标签_Android实现动态添加标签及其点击事件
在做Android开发的时候,会遇到动态添加标签让用户选择的功能,所以自己写了个例子,运行效果图如下. 标签可以左右滑动进行选择,点击的时候,会弹出toast提示选择或者取消选择了哪个标签.通过动态添 ...
【Android 插件化】Hook 插件化框架 ( Hook 实现思路 | Hook 按钮点击事件 )
Android 插件化系列文章目录 [Android 插件化]插件化简介 ( 组件化与插件化 ) [Android 插件化]插件化原理 ( JVM 内存数据 | 类加载流程 ) [Android 插件 ...
android按钮点击事件(多种方法实现)
上代码: package com.hsj.example.uicontroldemo01;import android.os.Bundle; import android.support.v7.app ...
C#学习之按钮点击事件
描述:asp.net中服务器控件Button的点击事件OnClientClick和OnClick的区别? 解答:http://www.cnblogs.com/ypfnet/archive/2012/1 ...
JavaScript中的点击事件
1.自动触发一个元素的点击事件 $('#btn').click(); 2.为某个元素添加点击事件:推荐使用第一种第一种方式:使用JQuery,为其绑定点击事件 <body><p&g ...
Android开发第2课控件TextView、Plain Text、ImageView、 Button、ImageButton以及点击事件
控件 TextView 显示文本 Plain Text 输入文本 //将布局xml文件引入到activity当中setContentView(R.layout.activity_main);<! ...
Android 动态添加标签及其点击事件
在做Android开发的时候,会遇到动态添加标签让用户选择的功能,所以自己写了个例子,运行效果图如下. 标签可以左右滑动进行选择,点击的时候,会弹出toast提示选择或者取消选择了哪个标签.通过动态添 ...

点击事件on和onclick 两者之间的区别

点击事件on和onclick 两者之间的区别相关推荐

最新文章

热门文章