文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

jQuery 查找on事件绑定元素的被绑定元素方法

jQuery 查找on事件绑定元素的被绑定元素方法 遇到的问题 今天写了一个JQ插件,结果里面有一点问题.让我很郁闷.问题演示代码如下 $box.on('click', 'img', function(...){ $(this) }); 如上代码,当我点击这个图片的时候 $(this) 是指 img ....当然这是正确的. 而我需要找到 $box 也就是 img 的父级. 如果不是插件的话,我当然可以根据它的ID或者CLASS来进行查询.问题是,我是写的插件,也就是说,我并不知道它的这些信息是什么....解决方法 很多基础的东西不理解,就会出现我这样的问题.如同事所说,你是还不会爬呢,都学上跑了.因此,踩坑无数啊....解决方法如下: $box.on('click', 'img', function(){ $box.has($(this)) }); 如上,通过 .has 操作,就能找到唯一的父级被绑定元素了.

5.1K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    手把手教你查找字符串中包含的多个元素

    前言 前几天在才哥交流群里，有个叫【华先生】的粉丝在Python交流群里问了一道关于Python字符串基础的问题，初步一看觉得很简单，实际上也确实不难，题目如下图所示。...问题：如何查找字符串中包含的多个元素。比如某个字符串中包含“宿舍”或“公寓”或“酒店”任何一个，则返回1。...二、解决思路 上图中【是小董呀、】大佬提出使用列表硬上，【Barry】大佬提出用正则，也有【dcpeng】大佬提出用any()、all()函数，当然了，还有很多方法可以解决，也欢迎大家留言区留言或者私信我分享答案...这里我综合大家给的答案，整理了三个实现方案，下面一起来看看吧！ 三、解决方法 方法一 这里给出【才哥】提供的代码，使用了any()函数，恰到好处，下面直接来看代码吧！...本文基于粉丝针对Python字符串的提问，给出了一个利用Python基础+正则表达式处理的解决方案，完全满足了粉丝的要求。

    2K30

    Jquery入门基础教程免费版

    因此一般项目来说，使用1.X版本就可以了，最终版本：1.12.4 (2016年5月20日) 2.X不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。...如果不考虑兼容低版本的浏览器可以使用2.x，最终版本：2.2.4 (2016年5月20日) 3.X不兼容ie678，只支持最新的浏览器。...在jquery里面，使用[]来指定属性选择器，基本选择器[属性选择器] 属性选择器 符号 说明 用法 $("a[href]") 选择所有包含href属性的元素 $("a[href]").css("background...) $("#i_wrap").children("ul").css("color","red"); 选择id为i_wrap的所有子代元素ul siblings() 查找所有兄弟元素(不包括自己) $("...("ul").css("color","red"); 选择id为i_liItem的父元素 eq(index) 查找指定元素的第index个元素,index是索引号,从0开始 $("li").eq(2).

    1.3K10

    【Python】元组 tuple ② ( 元组常用操作 | 使用下标索引取出元组中的元素 | 查找某个元素对应的下标索引 | 统计某个元素个数 | 统计所有元素个数 )

    一、元组常用操作 1、使用下标索引取出元组中的元素 - [下标索引] 使用下标索引取出 元组 tuple 中的元素 的方式 , 与 列表 List 相同 , 也是将 下标索引 写到中括号中 访问指定位置的元素..., 语法如下 : 元素变量 = 元组变量[下标索引] 如果是嵌套元组 , 则使用两个 中括号 进行访问 ; 元素变量 = 元组变量[下标索引1][下标索引2] 代码示例 : """ 元组 tuple...: Jerry 16 2、查找某个元素对应的下标索引 - index 函数 调用 tuple#index 函数 , 可以查找 元组 中指定元素 对应的下标索引 ; 函数原型如下 : def index...pass 代码示例 : """ 元组 tuple 常用操作 代码示例 """ # 定义元组字面量 t0 = ("Tom", "Jerry", 18, False, 3.1415926) # 查找元素对应的下标索引...代码示例 : """ 元组 tuple 常用操作 代码示例 """ # 定义元组字面量 t0 = ("Tom", "Jerry", 18, "Tom", False, 3.1415926) # 查找元素个数

    2.4K20

    jQuery

    3.jQuery 对象和 Dom 对象使用的区别 JQuery 对象不能使用 DOM 对象的属性和方法 DOM 对象也不能使用 JQuery 对象的属性和方法 4.DOM 对象 和 jQuery 对象互转...jQuery 对象返回 当成对象使用：$.xxx each(obj/arr, function(key, value){}) trim(str) 2.jQuery 对象 包含所有匹配的 n 个 DOM...ul> // jQuery $("li").has("ul").css("background-color", "red"); 2.查找 查找 jQuery 对象内部的元素的子孙/兄弟/父母元素, 并封装成新的...jQuery 对象返回 方法 描述 children(selector) 取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。...（后代元素） preAll(selector) 查找当前元素之前所有的同辈元素（前的所有兄弟） siblings(selector) 取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合。

    11.4K20

    jQuery

    获取和设置文本内容 text() 方法不写参数获取文本 text() 方法写参数设置文本 如果设置的文本中包含标签，是不会把这个标签给解析出来的$('#div1').text('我是新设置的文本<a....wsy’) 交集选择器 $(‘li.nj’) li标签下的类名为nj的选择器 层级选择器 子代选择器 $(‘ul>li’) 后代选择器 $(‘ul li’)过滤选择器 这类选择器都带冒号...从0开始 :odd $(li:odd) 获取到的li元素中，选择所要为奇数的元素 :even $(li:even) 获取到的li元素中，选择所要为偶数的元素 ##### jQuery筛选选择器(方法)...(‘li’) 查找兄弟节点，不包括自己本身 parent() $(‘#first’).parent() 查找父亲 eq(index) $(‘#fitst’).eq() 相当于$(‘li:eq(2)’)....(){ console.log(this);//谁调用了mouseover，然后this就是谁，且this是dom对象，使用jquery需要转换为jquery对象 }) mouseover 事件在鼠标移动到选取的元素及其子元素上时触发

    1.4K20

    前端基础-jQuery选择器

    ; 获取同一类标签的所有元素 并集选择器 $(‘div,p,li’); 使用逗号分隔，只要符合条件之一就可。...语法模板： 00-语法模板.html（需要包含jquery.js） //常用选择器 //根据id获取元素 获取到的结果：类数组对象...console.log( $(':checked') ); 2.2 jQuery层级选择器（重点） 名称 用法 描述 子代选择器 $(‘ul > li’); 使用-号，获取儿子层级的元素...，注意，并不会获取孙子层级的元素 后代选择器 $(‘ul li’); 使用空格，代表后代选择器，获取ul下的所有li元素，包括孙子等 跟CSS的选择器一模一样。...’); 相当于$(‘ul li’),后代选择器 siblings(selector) $(’#first’).siblings(‘li’); 查找兄弟节点，不包括自己本身。

    92610

    01-老马jQuery教程-jQuery入口函数及选择器

    下载地址：http://code.jquery.com/jquery-1.11.3.min.js 2.x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。...3.5 层级选择器 名称 用法 描述 子代选择器 $("ul>li"); 使用>号，获取儿子层级的元素，注意，并不会获取孙子层级的元素 后代选择器 $("ul li"); 使用空格，代表后代选择器，获取...ul下的所有li元素，包括孙子等 3.6 过滤选择器 过滤选择器都带冒号 语法 用法 描述 :first $('li:first'); 获取第一个元素 :last $('li:last'); 获取最后个元素...p标签且attr属性的属性值中包含a_value 3.8 筛选方法 语法 用法 说明 parent() $("#first").parent(); 查找父亲 children(selector) $(..."ul").children("li") 相当于$("ul>li")，子类选择器 find(selector) $("ul").find("li"); 相当于$("ul li"),后代选择器 siblings

    2.9K100

    JQuery高级

    1.正则在js的使用方法 列一个变量，存储正则规则，用这个变量去test某个数据-----匹配True和不匹配False var re = new RegExp(规则，正则表达式的参数) g全文搜索...jQuery中定义变量的时候，一般命名用$开头。同事一看就知道是使用了jQuery，然后使用jQuery的语法。 其实$是jQuery中的一个函数。...on的第二种用法：只给未来元素绑定命令的意思是没有提高代码效率，而是起到了给现在已有和未来元素绑定命令。 查找标签的方法、查找标签的标准。...标签===标记====元素 包含标签、标签的内容、标签的属性） 网页文档的根：html标签 html的子标签是head和body 纯前端会学很多东西，后端不需要了解全部，知道其中的原理即可。

    1.8K50

    jQuery中的筛选&文档处理——案例

    > ul> 一对ul标签里面包含有li标签，ol标签，span标签。...这种情况我们使用has： uls.has("span").css("background","yellow"); 括号里面直接写标签名，匹配到数组中所有 包含span子标签的 元素 5not(selector...):筛选出不包含特定特点的元素的集合 上面我们可以找到数组中包含有title属性的元素，现在我们要找不包含有title属性的元素该怎么写？...首先，我们要结合上面讲过的过滤找到title属性值为b的标签，然后使用before在标签之前添加新的li $("ul>li").filter("[title=b]").before("li>这个是新添加的数据...li>");  5  删 5.1 Empty():删除匹配的元素集合中所有的子节点(不包含匹配的元素) 案例:删除ul中所有的li 我们以删除ul中的li为例 来演示一下empty(); $("li

    3K30

    01-老马jQuery教程-jQuery入口函数及选择器

    下载地址：http://code.jquery.com/jquery-1.11.3.min.js 2.x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。...3.5 层级选择器 名称 用法 描述 子代选择器 $("ul>li"); 使用>号，获取儿子层级的元素，注意，并不会获取孙子层级的元素 后代选择器 $("ul li"); 使用空格，代表后代选择器，获取...ul下的所有li元素，包括孙子等 3.6 过滤选择器 过滤选择器都带冒号 语法 用法 描述 :first $('li:first'); 获取第一个元素 :last $('li:last'); 获取最后个元素...p标签且attr属性的属性值中包含a_value 3.8 筛选方法 语法 用法 说明 parent() $("#first").parent(); 查找父亲 children(selector) $(..."ul").children("li") 相当于$("ul>li")，子类选择器 find(selector) $("ul").find("li"); 相当于$("ul li"),后代选择器 siblings

    2.7K00
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券