使用live方法的jquery stopPropagation问题 - 腾讯云开发者社区

文章/答案/技术大牛

发布

jquery的live方法

live(type, [data], fn)手册API的介绍 jQuery 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。...如下用 live给class=clickme的元素绑定一个click事件： $('.clickme').live('click', function() { alert("Live handler called...."); }); 当我们在某次事件又动态地添加了一个class=clickme的元素时，如$('body').append('Another target'); 然后再点击新增的元素，他依然能够触发事件处理函数本文由来源 21aspnet，由 javajgs_com 整理编辑，其版权均为 21aspnet 所有，文章内容系作者个人观点，不代表

9923 0

jquery中使用event.stopPropagation()阻止事件冒泡

green;} span{display:block;width:100px;height:30px;background-color:skyblue;} jquery.js...script> 无标题文档按我消失的盒子... //点span显示盒子 $("span").click( function(){ event.stopPropagation()//阻止事件冒泡 $(".box")

1.1K13 0

您找到你想要的搜索结果了吗？

是的

没有找到

jQuery中on()、bind()、live()、delegate()之间的区别

/jquery1.9版本以下支持，jquery1.9及其以上版本删除了此方法，jquery1.9以上版本用on()方法来代替 $(selector).delegate(childSelector...它会绑定事件到所有的选出来的元素上它不会绑定到在它执行完后动态添加的那些元素上当元素很多时，会出现效率问题当页面加载完的时候，你才可以进行bind()，所以可能产生效率问题 2 .live()...Chaining没有被正确的支持当使用event.stopPropagation()是没用的，因为都要到达document 因为所有的selector/event都被绑定到document, 所以当我们使用...matchSelector方法来选出那个事件被调用时，会非常慢当发生事件的元素在你的DOM树中很深的时候，会有performance问题当然，live方法还可以被绑定到具体的元素(或context)...而不是document上，像这样： $('a', $('#container')).live(...); 3 .delegate() .delegate()则是更精确的小范围使用事件代理，性能优于

1.7K3 0

jQuery中return false,e.preventDefault(),e.stopPropagation()的区别

e.stopPropagation()阻止事件冒泡 jQuery-1.4.1.js" type="...$("span").click(function (){ alert("span alert"); }); }); 我们会看到这样的情况...(); }); }); 如果想获得事件相关信息，就要给匿名方法加一个e对象，e就是事件对象。...}); 测试 return false等效于同时调用e.preventDefault()和e.stopPropagation...如果手上有一份jquery源代码的话，可查看其中有如下代码： if (ret===false){ 　　event.preventDefault(); 　　event.stopPropagation

6453 0

jquery 使用方法

jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。...使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()(简写为$)，然后得到被选中的元素。...如果你懂得Javascript语言的继承原理，那么就能理解工具方法的实质。它是定义在jQuery构造函数上的方法，即jQuery.method()，所以可以直接使用。...而那些操作元素的方法，是定义在构造函数的prototype对象上的方法，即jQuery.prototype.method()，所以必须生成实例(即选中元素)后使用。...如果不理解这种区别，问题也不大，只要把工具方法理解成，是像javascript原生函数那样，可以直接使用的方法就行了。

2.1K1 0

jQuery的attr方法处理checkbox的问题

现象使用了 jQuery 1.10 的版本，想实现 checkbox 的全部选中和全部取消选中，使用了 attr 的方法，如下： $(elem).attr(“checked”) 测试过程中发现，第一次从未选中状态变为选中...，再从选中变为未选中，是可以的。...文档还特别对 attr() 和 prop() 进行了对比，总体来说 jQuery 1.6 版本之后，为了保证函数在不同环境下表现的一致性，建议对于获取 DOM 元素的固有属性，使用 prop() 方法，...如果需要修改个性化（自定义）的属性字段，则需要使用 attr 方法。...参考资料： 1、jQuery attr 2、jQuery prop 3、W3C Forms

1.2K1 0

使用jQuery的.on方法解决ajax增加的html元素获取不到的问题

下班之前终于搞定了使用$.ajax增加的动态元素获取不到的问题，原来是使用.on方法（老版本是.live），这里记录一下，顺便赞一下jQuery，通过使用getJSON,.append,.empty等，...唯一的一点就是版本太多了，最新版本支持的浏览器对于中国用户来说是个噩梦。...我是用法 $('#parent').on("click", "#child", function() {});//#parent是非ajax方式生成的，#child是ajax回来的数据...append到#parent的我的代码 $('#taskComments').on("mouseenter", "#taskComment", function(){

2.6K2 0

jQuery - noConflict() 方法介绍-解决jQuery与其他框架冲突的问题

这个方法可能不是很常见，这个是jQuer提供的一个方法，说一下应用场景，比如说，我们使用jQuery的时候，需要引入别的框架，那么刚好这个框架也是$开头的，那是不是很悲催，因为jQuery也是$开头的，...导致的结果可能就是页面停止加载了，说人话就是页面就基本挂了！所以jQery也考虑到了这个问题，就出现了jQuery - noConflict() 方法。下面简单的写几个例子看一下怎么使用的！...我们写jQuery的时候一般写法是这样的： $("div").append("jquery运行中..."); 那么如果引入别的js框架的时候，也是$开始的，我们怎么写呢？...直接写全名就可以其实 $.noConflict(); jQuery("p").append("this is p"); 或者这样写也是可以的：将其赋予一个变量来使用 var jq = $.noConflict...h1"); }) PS：说白了，noConflict() 方法会释放会 $ 标识符的控制，这样其他脚本就可以使用它了。

1.1K1 0

jQuery ajax() 方法使用详解

嗨，亲爱的读者们！欢迎来到这篇关于使用 jQuery 中的 ajax() 方法进行 Ajax 请求的博客。...在开始讲解 jQuery 的 ajax() 方法之前，让我们先回顾一下 Ajax 的基础知识。...jQuery 的 ajax() 方法jQuery 的 ajax() 方法是一个多功能、强大的工具，用于发起 Ajax 请求。它具有简单易用的接口，允许我们在不同的场景中进行各种异步操作。...这个方法接受一个对象，其中包含了默认的设置。这些设置将应用于所有使用 ajax() 方法的请求。以下是一个示例：使用 ajax() 方法的请求都会继承这些全局设置。结语通过本文的介绍，你应该对 jQuery 中的 ajax() 方法有了更深入的了解。

1.4K1 0

使用Jquery的$.ajax 解决csrf问题

CSRF问题 csrf也就是laravel默认在表单提交中都会验证csrf字串，没有的话就不会予以通过。当然，你在普通的表单中加一个@csrf，系统就会自动增加一个hidden隐藏域。...或者你用laravel自带的axios，laravel也做过处理： resources/js/bootstrap.js ? 那么如果我使用jquery封装的ajax，如何处理呢？...headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }); 但是，就要求在meta中有一个_token的值...---- 那，还有没有再简单一丢丢的方法？有。...，我们直接获取他的值就行啦。

3.6K0 0

Windows Live Writer的使用

帮助地址在这里：space.cnblogs.com/forum/topic/8550/ 博客园支持SyntaxHighlighter代码着色，可以用相应的Live Writer代码着色插件进行代码着色。...需要注意的是：如何你使用SyntaxHighlighter代码着色，需要将默认编辑器改为TinyMCE。如果使用CuteEditor，CuteEditor会自动去除代码中的空格，造成代码格式破坏。...如果您使用Windows Live Writer写博客(配置步骤)，通过Windows Live Writer代码着色插件，可以方便进行SyntaxHighlighter代码着色。.../ 本地下载：SourceCodePlugin_version_1.1.zip 安装方法：将WindowsLiveWriter.SourceCode.dll复制到Windows Live Writer...C:\Program Files (x86)\Windows Live\Writer\Plugins 使用方法：安装成功之后，在Live Writer会出现“Source Code”插件，如下图：

7472 0

jQuery Mobile中jQuery.mobile.changePage方法使用详解

jQuery.mobile.changePage方法用的还是很多的。作为一个老手，有必要对jQuery mobile中实用方法做一些总结。...系列文章请看jQuery Mobile专栏。jquery.mobile.changepage是过时的jQuery Mobile 1.4.0及将被删除在1.5.0。...使用pagecontainer部件的change()法代替。注意该方法是在内部使用的页面加载和转换作为一个结果，点击一个链接或提交表单时。...设定页面转场动画的方向，设置为true时将导致反方向的转场。 role：字符串类型，默认为 undefined。显示页面的时候使用data-role值。...只有到to的参数被指定时使用。使用例子如下：添加changehash：假以避免iframe引起的问题。 $.mobile.changePage( "..

2.3K2 0

jQuery AJAX load()方法中代码执行顺序的问题

问题来源于菜鸟教程介绍 jQuery load() 方法时用的一个实例： JS： $("button").click(function(){ $("#div1").load("demo_test.txt...jQuery AJAX 修改该文本获取外部内容这里作为load方法参数的函数是一个回调函数。...但是实际运行后发现和预想的不一样：方法中代码执行顺序的问题-1.png) 方法中代码执行顺序的问题-2.png) 从结果来看，是先弹出 alert 再改变文本内容。那么，为什么会这样呢？...问题就在于，alert是可以阻塞浏览器的渲染工作的！...方法中代码执行顺序的问题-5.png) 虽然文本内容看上去不变——但是实际情况是文本内容已经改变了，也就是 load() 方法已经生效了，只是 alert 阻塞了浏览器将它渲染出来。

1.8K5 0

js与jQuery的区别以及jQuery选择器和方法的使用

目录使用jQuery js与jQuery代码对比 jQuery选择器：用来选中元素基本方法 ---- js与jQuery代码对比 jQuery选择器：用来选中元素基本方法使用jQuery jQuery...打开jQuery官网首页：write less,do more 写的少做的更多为什么要用jQuery？...3.3.1 建议下载开发版本 2、HBuilder使用创建项目 3、把jQuery库复制到项目中的js文件夹中 4、引入jQuery库文件: 注意：script标签中不要写内容，写jQuery代码就再写一对...基本方法通配符：如果选中所有的元素可以直接用通配符 * 表示所有。选择器还可以组合多个一起使用，可以分为并集和交集。...并集：selector1,selector2,用逗号隔开交集：selector1 selector2 用空格隔开下面我们用代码分别实现一下不同选择器实现效果的方式：案例2：使用基本选择器改变元素背景色和字体颜色

16.6K1 0

使用jquery获取url及url参数的方法

使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作 1、jquery获取url很简单，代码如下：其实只是用到了javascript的基础的window对象，并没有用jquery...reurl=WebForm1.aspx 我们要获取reurl的值，可以这样写： var xx = getUrlParam('reurl'); 明白了javascript获取url参数的方法，我们可以通过这个方法为...jquery扩展一个方法来通过jquery获取url参数，下面的代码为jquery扩展了一个getUrlParam()方法 (function ($) { $.getUrlParam...= null) return unescape(r[2]); return null; } })(jQuery); 为jquery扩展了这个方法了之后我们就可以通过如下方法来获取某个参数的值了...经过一番调试后发现，我再传递参数时，对汉字编码使用的是 encodeURI ，而上面的方法在解析参数编码时使用的是unescape ,修改为 decodeURI 就可以了。

3.7K6 0

jQuery 选择器使用方法

$('#divOne > p').css('color', 'blue'); prev + next（下一个兄弟元素，等同于next()方法...，等同于nextAll()方法） $('#divThree ~ span').css('color', 'red'); 下面的代码，兄弟一到三会变色 <!...） jQuery至1.3.2之后的:hidden选择器仅匹配 display:none 或的元素，而不匹配 visibility: hidden 或 opacity...:0 的元素。...这也意味着hidden只匹配那些“隐藏的”并且不占空间的元素，像 visibility:hidden 或 opactity:0 的元素占据了空间，会被排除在外。 :visible（取可见的元素） <!

5.2K1 0

jQuery的 delegate问题

习惯了bind，用惯了live，就不习惯delegate了呀有木有......支持为动态生成的标签元素绑定事件也许就live和delegate了吧，不过新版本已经不支持live了，只有delegate delegate真的比较特殊呀，不同于其他事件绑定的风格。...就因为习惯了之前的bind风格..栽了跟头简单的说就是大意了。 delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。...使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。...比如这段小代码啊 jquery/jquery.js"> <script type=

1.1K1 0

使用jQuery的animate方法制作滑动菜单

是通过jQury的animate方法来写的一个交互效果，当然他觉得动画有一些卡，所以他用延时处理的方法，避免动画卡，方法可以值得借鉴。...我自己用hover方法，然后动画时间设置的更短，为100毫秒，动画运行起来，速度还行。.../jquery-latest.js"> 的position设置为absolute。然后在hover的方法里面，对hover_bg这个层的top值进行动画变化，达到背景色块向上运动的一个交互效果。...在动画时间设置上，我写的是“fast”，在3个浏览器上测试，动画还算流畅，所以暂且没有考虑用延时去处理动画卡顿的问题。 PS： 1.估计是年底了，网页很多被运营商劫持了，当然也有可能是我的电脑中毒了。

2.7K9 0

jQuery 选择器使用方法

5.1K1 0

jQuery on()方法

jQuery on()方法是官方推荐的绑定事件的一个方法。...$().on()的知识点补充：　　1.从jQuery 1.7开始，on()函数提供了绑定事件处理程序所需的所有功能，用于统一取代以前的bind()、 delegate()、 live()等事件函数。...C：event.stopPropagation().。　　　　　　在事件的处理中，可以阻止冒泡但是允许默认事件的发生。...时已经取消使用live()方法了，所以建议都使用on()方法。...tip:如果你需要移除on()所绑定的方法，可以使用off()方法处理。

1.3K1 0

点击加载更多

jquery的live方法

jquery中使用event.stopPropagation()阻止事件冒泡

jQuery中on()、bind()、live()、delegate()之间的区别

jQuery中return false,e.preventDefault(),e.stopPropagation()的区别

jquery 使用方法

jQuery的attr方法处理checkbox的问题

使用jQuery的.on方法解决ajax增加的html元素获取不到的问题

jQuery - noConflict() 方法介绍-解决jQuery与其他框架冲突的问题

jQuery ajax() 方法使用详解

使用Jquery的$.ajax 解决csrf问题

Windows Live Writer的使用

jQuery Mobile中jQuery.mobile.changePage方法使用详解

jQuery AJAX load()方法中代码执行顺序的问题

js与jQuery的区别以及jQuery选择器和方法的使用

使用jquery获取url及url参数的方法

jQuery 选择器使用方法

jQuery的 delegate问题

使用jQuery的animate方法制作滑动菜单

jQuery 选择器使用方法

jQuery on()方法

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐