文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
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.5K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    jquery 获取鼠标和元素的坐标点

    获取当前鼠标相对img元素的坐标 $('div').mousemove(function(e) { varpositionX=e.pageX-$(this).offset().left;...(offset()方法) var offset = obj.offset(); 获取对象元素的位置，分别是元素的top和left，调用方法是：offset.left和offset.top，可知当前对象的左部和顶部位置...3，获取对象元素的宽度(width()方法) var right = offset.left+obj.width(); 实例中是获取对象的右下角位置，创建新窗口的左部位置。...4，获取对象元素的高度(height()方法) var down =offset.top+obj.height(); 实例中是获取对象的右下角位置，创建新窗口的顶部位置。...5.获取对象相对于父元素的位置(position()方法)   var x = obj.position().top;   var y =obj.position().left; <scripttype

    3.7K41

    JS和JQuery获取当前元素的兄弟及父级等元素的方法

    ) jQuery.parents(expr)，类似于 jQuery.parents(expr) ，但是是查找所有祖先元素，不限于父元素 jQuery.children(expr)，返回所有子节点，这个方法只会返回直接的孩子节点...这个方法和 children() 的区别就在于，包括空白文本，也会被作为一个 jQuery 对象返回， children() 则只会返回节点 jQuery.prev()，返回上一个兄弟节点，不是所有的兄弟节点...，而 jQuery.find()，的返回结果，不会有初始集合中的内容，比如 $("p").find("span") ，是从 元素开始找 ，等同于 $("p span") JS获取：...;   //获得s的最后一个子节点 JS获取节点父级，子级元素：JS的方法会比JQUERY麻烦很多，主要则是因为FF、谷歌浏览器会把你的换行也当作DOM元素：空的text元素，目前IE也是这样 　　 　　 原生的JS获取ID为test的元素下的子元素。

    14.2K10

    JavaScript与jQuery获取元素的宽、高和位置

    今天汇总整理了 JavaScript 和 jQuery 获取元素宽高和位置的方法，比较全面，方便自己和需要并搜到此文章的朋友们查看。...：元素的高度（包括边框和内边距，不包括外边距） offsetWidth ：元素的宽度（包括边框和内边距，不包括外边距） 偏移值 offsetLeft ：元素的相对水平偏移位置（左边界距离可视区域最左侧的距离...：是该元素的显示（可见）的内容与该元素实际的内容的距离（滚动条滚去的高度） jQuery中： ?...)和边框(border)的元素宽度 outerHeight() ：获得包括内边距(padding)和边框(border)的元素宽度 outerWidth(true) ：获得整个元素的宽度，包括外边距、边框...即：当网页滚动条拉到最低端时： $(document).height() == $(window).height() + $(window).scrollTop() 注意：不建议使用 $("html")

    4.6K01

    jquery中dom元素的attr和prop方法的理解

    一、背景 　　在编写使用高版本[ jQuery 1.6 开始新增了一个方法 prop()]的jquery插件进行编写js代码的时候，经常不知道dom元素的attr和prop方法到底有什么区别？...也是W3C里本身就包含的几个属性，换句话说是IDE中能够自动提示的属性，这些属性就被称为dom元素的固有属性，这种情况下，我建议使用prop方法。 　　...a标签中的固有属性中并不包含该属性。这些属性被称为dom元素的自定义属性，这种情况下，我建议使用attr方法。此时若使用prop方法进行设置和获取该属性的值时就会返回undefined值。 　　...、radio、select等元素的选中属性"checked"和"selected"，这些属性也是dom元素的固有属性，因此使用prop方法才能正确的进行获取和设置。...：具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()。

    2K20

    【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) # 查找元素个数

    3.5K20

    使用jQuery筛选排除元素以修改指定标签的属性

    1、eq()　　  筛选指定索引号的元素 2、first()　　筛选出第一个匹配的元素 3、last()　　 筛选出最后一个匹配的元素 4、hasClass()　　检查匹配的元素是否含有指定的类...13、find()　　　　从指定元素中查找子元素 14、next()　　　  获取指定元素的下一个兄弟元素 15、nextAll()　　 获取其后的所有兄弟元素 16、nextUntil()　...获取其后的元素，直到参数能匹配上的为止,不包括结束条件那个 17、offsetPosition()　　返回第一个用于定位的祖先元素，即查找祖先元素中position为relative或absolute...注意参数条件本身不会被匹配 24、siblings()　　 获取指定元素的兄弟元素，不分前后 25、add()　　　　将选中的元素添加到jQuery对象集合中 26、andSelf()　　将自身加到选中的...jQuery集合中,以方便一次性操作 27、end()　　 　 将改变当前选择器选中的操作回退为上一个状态。

    2K20

    从零开始学 Web 之 jQuery（二）获取和操作元素的属性

    一、jQuery获取和操作元素属性 DOM中有很多方式获取元素，比如通过id，通过标签名，通过类名，通过name的值，通过选择器等方式。...this.value = "改变按钮"; // 是DOM的写法，没问题。 PS：jQuery 中使用 jQuery对象.val("内容") 来设置表单标签的 value 属性。...PS：jQuery中使用 jQuery对象.css("属性":"值"); 的方式设置标签的样式。 4、并集选择器 语法：$("div,p,span")，中间使用逗号隔开。...中鼠标进入事件是：mouseenter；鼠标离开事件是：mouseleave 2、css 中的 display:none|block 对应的隐藏和显示在 jQuery 中可以使用方法：show() 和..."); 查找除自身之外的所有兄弟节点 当 next， prev 系列的方法，如果没写参数，则查找所有的兄弟节点；如果有参数，则查找所有兄弟节点中的指定元素。

    2.3K40

    Maven中optional和scope元素的使用，你弄明白了？

    在梳理项目的过程中发现很多开发同学对Maven依赖文件的配置并不了解，特别是对Maven的optional元素和scope元素的使用也非常随意。...scope元素 上面讲完了optional元素的使用，再来看看scope的使用。...scope元素主要用来控制依赖的使用范围，指定当前包的依赖范围和依赖的传递性，也就是哪些依赖在哪些classpath中可用。...依赖A时，C依赖A； 小结 经过上面对Maven的optional和scope元素的详细讲解，想必你已经可以对项目中的配置进行排查，确保精确的使用项目与项目之间的依赖，而不是每个项目都引入大而全的依赖文件...原文链接：《Maven中optional和scope元素的使用，你弄明白了？》 ----

    8.1K51

    大厂算法面试:使用移动窗口查找两个不重叠且元素和等于给定值的子数组

    策略如下，我们使用一种叫滑动窗口的办法，所谓窗口其实就是两个标记：start, end，它分别对应窗口的起始和结束位置，例如start = 0, end = 2,那么这个窗口所包含的元素就是[1,2,1...使用滑动窗口我们能方便的找到元素和等于给定值的子数组。注意到数组只包含正整数，因此如果保持start不变，end向右边移动，那么窗口内部的元素和就会变大，如果保持end不变，那么窗口内元素和就会减小。...所以我们首先让start = 0, end = -1，此时窗口内不包含任何元素，于是窗口元素和可以认为是0.接下来我们让end向右移动一个单位，也就是end=0，此时窗口包含1个元素，也就是头元素2，此时窗口元素和小于给定值...如此类推，我们从数组最左端出发，如果窗口内元素和小于给定指定值，那么就向右移动end，如果大于给定值，那么就像左移动一个单位，当窗口挪出数组，也就是end的值大于数组最后一个元素的下标时，查找结束，当前能找到所有满足元素和等于特定值的所有子数组...首先使用对应sub_array记录当前找到的满足条件的子数组，使用subarray_index作为遍历队列的标记。

    2.3K20

    C# dotnet 使用 OpenXml 解析 PPT 元素的坐标和宽度高度

    本文将告诉大家如何从 PPT 里面解析出通用元素的 x 和 y 的值，以及元素的宽度和高度的值 在开始之前请看 C# dotnet 使用 OpenXml 解析 PPT 文件 在拿到 slidePart.Slide.CommonSlideData.ShapeTree...里面的元素，几乎所有元素都存在坐标和宽度高度，这里的元素我称为通用元素，也就是不是特定的如形状、图片元素 此时的元素应该是继承 OpenXmlElement 类，在这个类里面可以通过 GetFirstChild...new Emu(offset.X.Value); var offsetY = new Emu(offset.Y.Value); 在 PPT 里面，通用元素的 x 和 y 值单位是...Emu 上面的类是我自己定义的，有可以抄的代码，请看 C# dontet Office Open XML Unit Converter 我定义了和像素转换的代码 可以通过 Extents 也就是 a:...ext 获取元素的宽度和高度，请看代码 var extents = transform2D.GetFirstChild();

    2.4K10

    【Groovy】集合遍历 ( 使用集合的 findAll 方法查找集合中符合匹配条件的所有元素 | 代码示例 )

    文章目录 一、使用集合的 findAll 方法查找集合中符合匹配条件的所有元素 1、闭包中使用 == 作为 findAll 方法的查找匹配条件 2、闭包中使用 is 作为 findAll 方法的查找匹配条件...3、闭包中使用 true 作为 findAll 方法的查找匹配条件 二、完整代码示例 一、使用集合的 findAll 方法查找集合中符合匹配条件的所有元素 ---- 在上一篇博客 【Groovy】集合遍历...( 使用集合的 find 方法查找集合元素 | 闭包中使用 == 作为查找匹配条件 | 闭包中使用 is 作为查找匹配条件 | 闭包使用 true 作为条件 | 代码示例 ) 中 , 介绍了使用 find...== 作为 findAll 方法的查找匹配条件 在集合的 findAll 方法中 , 闭包中使用 == 作为查找匹配条件 , 查找集合中值为 “1” 的元素 , 此处的 == 等价于 Java 中调用...true 作为 findAll 方法的查找匹配条件 在集合的 findAll 方法中 , 闭包中使用 true 作为查找匹配条件 , 查找集合中不为空的元素 , 此处返回第一个不为空的元素 ; 代码示例

    4.8K30

    【Groovy】集合遍历 ( 使用集合的 find 方法查找集合元素 | 闭包中使用 == 作为查找匹配条件 | 闭包中使用 is 作为查找匹配条件 | 闭包使用 true 作为条件 | 代码示例 )

    文章目录 一、使用集合的 find 方法查找集合元素 1、闭包中使用 == 作为查找匹配条件 2、闭包中使用 is 作为查找匹配条件 3、闭包中使用 true 作为查找匹配条件 二、完整代码示例 一、...使用集合的 find 方法查找集合元素 ---- 集合的 find 方法 , 传入一个闭包 , 闭包中定义查找的匹配条件 ; 特别注意 , 查找匹配条件时 , Groovy 中的 " == " 符号 相当于...== 作为查找匹配条件 在集合的 find 方法中 , 闭包中使用 == 作为查找匹配条件 , 查找集合中值为 “1” 的元素 , 此处的 == 等价于 Java 中调用 String 的 equals...is 作为查找匹配条件 在集合的 find 方法中 , 闭包中使用 is 作为查找匹配条件 , 查找集合中与 “3” 对象相同地址的元素 , 此处的 is 方法等价于调用 String 的 == 运算...在集合的 find 方法中 , 闭包中使用 true 作为查找匹配条件 , 查找集合中不为空的元素 , 此处返回第一个不为空的元素 ; 代码示例 : // III.

    2.5K10

    riot.js教程【三】访问DOM元素、使用jquery、mount输入参数、riotjs标签的生命周期

    前文回顾 riot.js教程【二】组件撰写准则、预处理器、标签样式和装配方法； riot.js教程【一】简介； 访问DOM元素 你可以通过this.refs对象访问dom元素 而且还有大量的属性简写方式可以使用...，（有时候你需要对这些东西做一些特殊的处理才能用） 使用Jquery 如果你想在riot标签内部访问dom元素 你可能需要了解一下riot标签生命周期相关的知识 你会注意到，mount方法还没执行的时候...，dom元素是不会被创建的 这就意味着，mount方法之前访问DOM元素，是不会成功的 请看如下代码： Do I even Exist?...jquery是一点问题都没有的； 再看下面的代码（两种检索方式都是支持的，第一种就是jquery检索DOM） Do I even Exist...； 可以是一个简单的object； 也可以是动态变化的数据存储（flux store） 在标签内部，你可以使用如下方法访问这些输入参数 <!

    2.1K70
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券