【jQuery中处理事件冒泡的方法和取消后续内容的方法】的更多相关文章

jQuery中处理事件冒泡的方法和取消后续内容的方法

一:事件冒泡的意思是:一个大的容器已经设置了事件,如果这个容器里还包容着一个小的容器也设置了自己的事件,那么因为小容器是在大容器里面的,触发小容器的事件同时也等于触发了大容器的事件,有时这并不是我们想要的结果,我们可以通过能力检测来阻止事件冒泡如: <script type="text/javascript">        $(function () {            $('#da').css('width', '700px').css('height', '30…

JQuery中事件冒泡

JQuery中事件冒泡 定义 在一个对象上触发某类事件,就会执行此事件程序,如果没有处理事件就会向这个对象的父级对象传播 直至它被处理,最顶层老大为document对象. 作用 事件冒泡允许多个操作被集中处理(把事件处理器添加到一个父级元素上,避免把事件处理器添加到多个子级元素上) 阻止事件气泡 事件气泡有时是不需要的 通过event.stopPropagation() 或者event.preventDefault()组织 ----合并写法:return false: 解决思路 假如页面中有一个…

JQuery中两个ul标签的li互相移动实现方法

这篇文章主要介绍了JQuery中两个ul标签的li互相移动实现方法,可实现ul标签中li标签内容相互替换的技巧,涉及jQuery操作页面元素的相关技巧,需要的朋友可以参考下 本文实例讲述了JQuery中两个ul标签的li互相移动实现方法.分享给大家供大家参考.具体实现方法如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh…

恶补jquery(四)jquery中事件--冒泡

事件 当我们在打开一个页面的时候.浏览器会对页面进行解释运行,这实际上是通过运行事件来驱动的.在页面载入事件时,运行Load()事件,是这个事件实现浏览器解释运行代码的过程. 事件机制 事件中的冒泡现象 冒泡现象说的是事件运行顺序,当一个对象上触发了一个事件.假设未定义此事件的处理程序或者事件返回true,那么这个事件就会向这个对象的父级对象传播,从里到外,直到他被处理(父级对象全部同类事件都被激活),或者它到达了对象层次的顶层(即document对象). 通俗的讲:假把设一杯水分成不同颜色的几…

jQuery中事件冒泡问题及处理

在为一个元素添加事件时,经常会出现的一个问题就是事件冒泡.例如在div中嵌套了一个span元素,为div和span都添加了事件点击,如果点击span会导致span和div元素相继触发监听事件.顺序是从内到外.代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://…

jquery中防止冒泡事件

冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件. 下面是html代码部分: <body> <div id="content"> 外层div元素 <span>内层span元素</span> 外层div元素 </div> <div id="msg"></div> </body> 对应的jQuery代码如下: <script type="text/…

jquery中Uncaught TypeError: $(...).ajaxUpload is not a function(…)错误解决方法

错误原因:该函数不是jquery的核心函数,所以需要外部引入ajaxfileupload.js文件,可能是没有引入,或者引入的js文件互相冲突 解决方法:每次进入一个函数之前打印该函数所有的js文件,console.log($.fn);最后发现引入版本互相冲突,只要使它们版本统一就行了. 没有引入js文件的原因是每次打开多个页面的时候,引用的js文件是不同的,查找报错的页面是否已经引入js文件,如果没有则引入js,或者在上一个页面里面引入js…

jquery中ajax序列化提交form表单的几种方法。

一,ajax主流的方法 $.ajax({ type: 'post', url: 'your url', data: $("form").serialize(), success: function(data) { // your code }}); 二,post方法 $.post('your url', $("form").serialize(), function(data) { // your code } });假如判断是什么类型的值可以这样写,下面的也是一样…

jQuery中hover和blur使用代理delegate无效的解决方法

今天就遇到了这样的小问题: $(document).ready(function(){ $('.status_on').hover(function(){ $(this).html('点击禁用'); $(this).css('color','red'); },function(){ $(this).html('已激活'); $(this).css('color','green'); });}); 但是当需要触发hover的元素是js后来生成的时候,hover是无效的.于是第一反应是想到用dele…

jQuery中toggle与slideToggle以及fadeToggle的显示、隐藏方法的比较

1.区别 ①动画效果的比较: toggle:直接显示.隐藏,如果有[时间参数]且[匹配的元素有宽度属性],则动态效果为左上角-右下角拉卷效果,透明度0-1之间的变化:若有时间参数但是[匹配的元素没有宽度属性],则动态效果为上下拉卷的效果,且没有透明度的变化. slideToggle:切换上下拉卷滚效果,竖向变换. fadeToggle:切换效果为淡入.淡出,只与透明度相关. ②判断方式的比较: toggle:判断方式为匹配元素的display属性 slideToggle:判断方式为匹配元素的he…