首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

02-老马jQuery教程-jQuery事件处理

fn的内部作用域中this指向当前的DOM对象(注意不是jQuery的包装对象) 返回值: jQuery的包装对象!!!...第二,触发jQuery对象集合中第一个元素的事件处理函数。 第三,这个方法的返回的是事件处理函数的返回值,不是据有可链性的jQuery对象。... 请点击这里 // jQuery 代码: $("div").delegate("button","click",function(){...如果提供了事件类型作为参数,则删除该类型的绑定事件。 如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除。...参数说明: 如果不带参数,则所有绑定的live事件都会被移除。 如果提供了type参数,那么会移除对应的live事件。 如果也指定了第二个参数function,则移出指定的事件处理函数。

6.4K00

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

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

12.4K10

vuejs中的组件以及父子组件间通信传值

,上手相对而言比较容易 如今jQuery时代真是江河日下了,这里我并不是说它不重要,它仍然是非常优秀重要的,只是任何技术都有辉煌和落幕的时候,时代在进步,技术也在不断更新迭代.....HTML ,为了渲染输出真正的 HTML ,你需要使用 v-html 指令,被插入的内容都会被当做 HTML,数据绑定会被忽略 注意,你不能使用 v-html 来复合局部模板,因为 Vue 不是基于字符串的模板引擎...在到vuejs,并且实现父子元素的通信,实现效果如下图所示: 输入框内输入值,点击添加按钮,将表单中的值添加到页面中,同时,又可以删除列表项内容,注意是删除列表项不是隐藏 ?...但除了这个元素本身得以保留之外,其他的比如绑定的事件,附加的数据等都会被移除 empty:删除匹配的元素集合中所有的节点,清空的是内容 */ 对于上面的jQuery使用on对元素进行事件监听绑定的时候...,通过emit方法向外触发事件的方式,当点击组件的时候,在该组件绑定点击click事件方法,在该组件methods方法内,通过emit向外触发一个自定义事件 在父组件创建组件的同时可以去监听父组件

20.4K10

JQuery高级

jQuery中定义变量的时候,一般命名用$开头。同事一看就知道是使用了jQuery,然后使用jQuery的语法。 其实$是jQuery中的一个函数。...***事件冒泡 现象:父子标签 触发的事件,这个事件会逐层向父传递。 子集执行了某一事件,会逐层向上触发相同事件,直到被处理或者遇到return。...比如有单击事件,那么父如果有单击事件也会被触发,父的父如果有单击事件也会被触发。 任何一个操作,计算机或者浏览器都会去处理。不管你有没有设置对应的事件。...class="father"> 1 3.事件委托 把子的事件委托给父(父:最近的能包含住将来发生事件的所有...新增节点------- 步骤: 1、声明变量保存节点数据(名字一般为$开头,然后找的标签是什么就叫做什么) 2、使用追加函数将节点变量追加到指定位置 加: append(添加的内容) 向末尾加 appendTo

1.5K50

JavaScript 学习-40.jQuery 绑定事件 on 和 bind

规定只能添加到指定的元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法)。 data 可选。事件额外的参数。使用函数的event.data获取 function 可选。...console.log('btn 点击 ...') }) childSelector 绑定子元素 childSelector 参数可以给元素绑定事件 <div id...console.log('btn 点击 ...') }) 给元素绑定事件,还能解决一个问题,比如我们新增的元素无法绑定事件问题 <div id="demo...该方法给 API 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库。...console.log('btn 点击 ...') }) 使用区别: 1.用on绑定实际上是委托给了父div,也就是给一个元素绑定了事件 2.bind用选择器选择了div下的所有button

91920

Python全栈之jQuery笔记

$("span").parentsUntil("div"); 返回介于 与 元素之间的所有祖先元素(不包含div元素). 2.jQuery遍历-后代 后代是、孙、曾孙等等...下面是两个用于向下遍历DOM树的jQuery方法: children() 返回被选元素的所有直接元素.该方法只会向下一对DOM树进行遍历....prev(),prevAll()以及 prevUntil()方法的工作方式与上面的方法类似,只不过方向相反而已: 它们返回的是前面的同胞元素(在DOM树中沿着同胞之前元素遍历,不是之后元素遍历...eq(index) 返回被选元素中带有指定索引号的元素.索引号从0开始,因此首个元素的索引号是0不是1....jQuery对象,可链式调用: $('#div1') // id为div1的元素 .children('ul') //该元素下面的ul元素

5.4K40

jQuery

丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,jQuery一行代码就搞定了,再比如要将一个表格的隔行变色,jQuery也是一行代码搞定...mouseover 和 mouseenter的区别是:mouseover事件是如果该标签有标签,那么移动到该标签或者移动到标签时会连续触发,mmouseenter事件不管有没有标签都触发一次,表示鼠标进入这个对象...> //冒泡的意思就是因为html可以嵌套,如果你给儿子标签绑定了点事件或者没有绑定点击事件,父标签绑定了点击事件,那么你一点击标签,不管子标签 有没有绑定事件,都会触发父标签的点击事件...,如果有,会先触发标签的点击事件,然后触发父标签的点击事件,不管子标签有没有点击事件,都会一的还往上找点击事件 //所以我们要阻止这种事件冒泡 $("span").click(function...$("table").on("click", ".delete", function () { //中间的参数是个选择器,前面这个$('table')是父标签选择器,选择的是父标签,意思就是将标签

8.9K20

jQuery中常用的函数和属性详细解析

对象 例子 $("#div1").find("p").hide().end().hide() 第一个hide()是对于p标签的 然后用end()结束对p标签的引用返回到#div1标签 所以第二个hide...; find将在一组已经选取的元素的节点里面选择; 测试1 <div class...$("p").click( function (event, a, b) { // 一个普通的点击事件时,a和b是undefined类型 // 如果用下面的语句触发,那么a指向"foo",...span:first-child")匹配父元素的第1个元素 $("div span:last-child") 匹配父元素的最后1个元素 $("div button:only-child") 匹配父元素的唯一...,修改原来的对象并返回,这是一个强大的实现继承的工具,这种继承是采用传值的方法来实现的,不是JavaScript中的原型链方式。

2.5K10

一次失败的漏洞串联尝试

callback=jQuery9378169 这个接口验证了 Cookie ,并没有做额外的验证,然而,对于用户敏感数据请求的接口,京东统一做了一项验证 —— referer 头 正常请求 修改 referer...referer 头的问题了,下面列几个简单的绕过 换协议头 经过一番尝试,似乎协议头支持 http 和 https ftp http javascript 二域名 referer 头可以是京东任意域名...ReturnUrl=https://sec.domain.com/ 如果已经登录了的情况,会直接跳转,这岂不是完美,抱着这个想法,我找到了是京东域名的SSO https://passport.jd.com...or.jd.com 返回的状态码是 200 不是 302 ,这会不会是一个影响因素呢?...>"; 修改状态码后,发现原本的 javascript 失效了,可能是浏览器对于两者优先识别不同,状态码优先更高一些,同时浏览器会去自动寻找 Location ;或者是我们

24530

第213天:12个HTML和CSS必须知道的重点难点问题

对子元素使用了浮动之后,元素会脱离标准文档流,也就是说,父元素中没有内容可以撑开其高度,这样父元素的height就会被忽略,这就是所谓的高度塌陷。...3.3 清除浮动的方法 方法1:给父div定义 高度 原理:给父DIV定义固定高度(height),能解决父DIV 无法获取高度得问题。...优点:浏览器支持好 缺点:多出了很多空的DIV标签,如果页面中浮动模块多的话,就会出现很多的空置DIV了,这样感觉视乎不是太令人满意。...它会继承父元素的字体大小,因此并不是一个固定的值。...这也是为什么将js脚本放在底部不是头部。 12.行内元素有哪些?块元素有哪些? 空(void)元素有那些? 这个问题面试偶尔被问到的时候有点懵逼~~~平时没在意。。。。

2.2K20

「理论」jQuery选择器Sizzle原理分析(上)

| 导语 曾经红一时的jQuery还记得吗?拥有号称当时业界最快的DOM选择器Sizzle,那么为什么他能自称是最快呢?让我们来分析一下Sizzle.js的源码,了解他的设计精妙之处。...,不需要整个jQuery文件。...理清思路,找出设计图纸   了解作者的思路,我们每个人在编码的时候是有一个设计流程或者设计图,还有数据结构,我们首先就要通过注释或者相关资料了解作者的这些思路,可以很快的读通源码流程,不是一上来就淹没在源码中...优化选择符:通过两个角度来优化,一是尽量缩小DOM根节点,缩小搜索的范围,另外是寻找备选种子集合,通过本地接口过滤出备选种子集合,不是去搜索所有的DOM节点 3....,我们首先要找到所有的Div,然后对每个Div不是warpper,找到以后再对比他的节点,看看他是不是ad2,对于一个嵌套很深的DOM树来说,每个Div可能存在很多子节点,那么每次遍历节点的过程将会非常耗时

1K10

jQuery源码解析之你并不真的懂事件委托及target和currenttarget的区别

: blueviolet"> 这是D //在父元素上绑定click事件,但只能由元素触发父元素上绑定的事件 $("#A").on...事件委托的顺序为: (1)先统一处理自身、父元素自身绑定的事件 (2)再统一处理自身、父元素委托给祖先元素的绑定事件 (3)最后祖先元素处理自身的事件 简练说,就是: 先处理元素委托给自身的事件,再处理自身的事件...可以看到, target 是 #C,currenttarget 是 #C,不是 #A,delegateTarget 是 #A 也就是说: target 是触发 click 事件的对象 #C,currenttarget...可以看到, target 是 #C,currenttarget 是 #C,不是 #A,delegateTarget 是 #A ② C 被点击了 target 是 #C,currenttarget 是...所以 matchedHandlers pushlength!==0的委托事件,所以 cur 就是 #C 了(新循环中的当前值)。

58720
领券