jquery中bind/delegate/on绑定的区别和正则的使用

smartwu_sir

于 2018-04-25 20:39:11 发布

阅读量214

点赞数

CC 4.0 BY-SA版权

分类专栏：探索Django python 文章标签： jquery bind delegate on

本文链接：https://blog.youkuaiyun.com/smartwu_sir/article/details/80085356

python 同时被 2 个专栏收录

41 篇文章

订阅专栏

探索Django

39 篇文章

订阅专栏

本文详细介绍了jQuery中的三种事件绑定方法：bind, delegate 和 on 的使用方法及其区别，并提供了具体的示例代码。此外还介绍了如何使用jQuery进行正则表达式的匹配。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                    
                    jquery中bind/delegate/on绑定的区别和正则的使用

1. bind

用法：$(xxx).bind(“click”, function(){…}) 

我们常用的 $(xxx).click(function(){…})  就是bind的缩写
解绑：$(xxx).unbind(“click”, handle)
限制：一个个绑定click，效率低，只能未已存在的绑定

2. delegate

用法：$(xx).delegate(“p”, ‘click’, function(){…}) 

为$(xx)下面的所有p标签绑定click
解绑：$(xx).undelegate(“p”, ‘click’, handle)
限制：其实是给他的父节点绑定了点击事件，点击他的子元素的时候会冒泡到他的父节点上，导致dom树很深的时候会出错

3. on

用法：$(xx).on(“click”, “p”, function(){…}) 

为$(xx)下面的所有p标签绑定click
解绑：$(“xx).off(“click”, “p”, handle)
bind和delegate底层都是调用了on方法，因此on方法更高效，官方也推荐使用

4. jquery 正则

使用： 

    var str = “abcde”; 

    var reg = /^[a-z]{8}$/i; 

    return reg.test(str);  i表示不区分大小写，这里返回false，因为str不是8个字母