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

JavaWeb(八)JQuery

(selector).mouseover(function) 触发或将函数绑定到被选元素鼠标悬停事件 事件一览: 方法 描述 bind() 匹配元素附加一个或更多事件处理器 blur() 触发、或将函数绑定到指定元素...double click 事件 delegate() 匹配元素的当前或未来元素附加一个或多个事件处理器 die() 移除所有通过 live() 函数添加事件处理程序。...press 事件 keyup() 触发、或将函数绑定到指定元素 key up 事件 live() 为当前或未来匹配元素添加一个或多个事件处理器 load() 触发、或将函数绑定到指定元素 load...mouse out 事件 mouseover() 触发、或将函数绑定到指定元素 mouse over 事件 mouseup() 触发、或将函数绑定到指定元素 mouse up 事件 one() 匹配元素添加事件处理器...trigger() 所有匹配元素指定事件 triggerHandler() 第一个被匹配元素指定事件 unbind() 从匹配元素移除一个添加事件处理器 undelegate() 从匹配元素移除一个添加事件处理

1.8K40

继续死磕前端

1.1 jquery 选择器 还记到大明湖畔(CSS)夏雨荷(选择器)吗?选择器可以快速定位到元素并为其应用样式效果。jquery 选择器选择规则与 CSS 相同,只是目的是为其添加操作。...$('#box').next(); 已经知道了如何定位某个元素,那么如何定位一个精确集合呢?..." }); 2.4 事件 常用一些事件函数: 1. blur() 元素失去焦点 2. focus() 元素获得焦点 3. click() 鼠标单击 4. mouseover() 鼠标进入(进入元素也触发...(比如单击onclick事件),如果此对象定义了此事件处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件这个对象父级对象传播,从里到外,直至它被处理...答:事件冒泡允许多个操作被集中处理(把事件处理添加一个父级元素上,避免把事件处理添加到多个子级元素上),它还可以让你在对象层不同级别捕获事件

2.8K10

jQuery基础图文系列

类型 :nth-last-of-type() 和 nth-last-child() 类似,从最后一个元素开始算 :first-of-type 选择一个上级元素一个同类元素 :last-of-type...选择一个上级元素最后一个同类元素 :empty 选择元素里面没有任何内容,这里没有内容指的是一点内容都没有 :not() 否定选择器 :first-line 用于选取指定选择器首行 :first-letter...jQuery选择器匹配元素 .add() 将元素添加到匹配元素集合中 .addSelf() 把堆栈中之前元素添加到当前集合中 .children() 获取匹配元素集合中每个元素所有元素 .closest....siblings() 获得匹配元素集合中所有元素同辈元素 .slice() 将匹配元素集合缩减为指定范围子集 addClass() 匹配元素添加指定类名 after() 在匹配元素之后插入内容...addClass() 被选元素添加一个或多个类 removeClass() 从被选元素删除一个或多个类 toggleClass() 对被选元素进行添加/删除类切换操作 css() 设置或返回样式属性

4.4K10

jQuery事件委托

在jQuery中,事件委托是一种优化事件处理技术,它利用事件冒泡机制,将事件处理程序绑定到一个父级元素上,从而减少事件处理函数数量,并实现对动态添加元素事件处理。什么是事件委托?...提高性能:由于事件委托将事件处理程序绑定到父级元素上,避免了为每个子元素都绑定事件处理程序开销,从而提高了性能。如何使用事件委托?在jQuery中,我们可以使用on()方法结合选择器来实现事件委托。...通过选择器,我们可以指定要委托元素,然后在父级元素上绑定事件处理程序。...通过选择器参数"li",我们指定了要委托元素元素。...通过事件委托,无论是已存在元素还是后续动态添加元素,都会共享同一个事件处理程序,实现了统一事件管理。

1.1K10

初识jQuery 基础篇

1.Js能做都可以做   2.访问和操作DOM元素   3.控制页面样式   4.对页面事件进行处理   5.扩展新jQuery插件   6.与Ajax技术完美结合 优势:   1.体积小   2....强大选择器:精确定位(重点)   3.出色DOM封装   4.可靠事件处理机制   5.浏览器兼容   6.隐式迭代简化编程   7.丰富插件支持 装载先后次序: jQuery封装库在上   ...选择器selector:选择器 方法:   1. $(selector).addClass()     A. 被选元素添加一个或多个类样式     B. 可以是一个,也可以是多个  2. ...$(selector).hide()     隐藏元素 论css()方法与addClass方法区别:   A. css()方法为所匹配元素设置给定css样式   B. addClass()方法所匹配元素添加一个或多个类...基于结构与样式分离原则,通常在实际应用中,为谋元素添加样式,使用addClass()方法比css()方法频率高很多,因此建议使用addClass()方法为元素添加样式 jQuery程序代码风格

1.4K60

学习jQuery基础使用

jQuery 是一个 JavaScript 库,jQuery 极大地简化了 JavaScript 编程,我们常用jQuery来处理Dom\事件\动画\AJAX jQuery Dom处理 选择器 选择器大家需要深入了解...jQuery 事件 click dbclick mouseenter mouseleave keyup keydown //针对已创建元素 $(".class").on("click",function...); 增加处理元素 append() - 在被选元素结尾插入内容 prepend() - 在被选元素开头插入内容 after() - 在被选元素之后插入内容 before() -...在被选元素之前插入内容 删除元素 remove() - 删除被选元素(及其元素) empty() - 从被选元素中删除元素asdasd 处理class addClass() $("div...").addClass("b") - 被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类切换操作

1.1K20

jQuery基础系列

类型 :nth-last-of-type() 和 nth-last-child() 类似,从最后一个元素开始算 :first-of-type 选择一个上级元素一个同类元素 :last-of-type...选择一个上级元素最后一个同类元素 :empty 选择元素里面没有任何内容,这里没有内容指的是一点内容都没有 :not() 否定选择器 :first-line 用于选取指定选择器首行 :first-letter...jQuery选择器匹配元素 .add() 将元素添加到匹配元素集合中 .addSelf() 把堆栈中之前元素添加到当前集合中 .children() 获取匹配元素集合中每个元素所有元素 .closest....siblings() 获得匹配元素集合中所有元素同辈元素 .slice() 将匹配元素集合缩减为指定范围子集 addClass() 匹配元素添加指定类名 after() 在匹配元素之后插入内容...) 从被选元素中删除元素 addClass() 被选元素添加一个或多个类 removeClass() 从被选元素删除一个或多个类 toggleClass() 对被选元素进行添加/删除类切换操作

2.6K20

jQuery

筛选选择器 名称 用法 描述 :first $(‘li:first’) 获取第一个li元素 :last $(‘li:last’) 获取最后一个li元素 :eq(index) $(“li:eq(2)”)...页面刷新缓存清除 data('myName','ljc');//元素添加数据 data('myName');//元素读取数据 4.1.4 全选按钮 通过:checked选择器,可以以数组形式返回被选中元素...设置元素被卷去头部和左侧 不跟参数是获取,跟参数是设置 5.1 jQuery 事件 5.1.1 on() 绑定事件 on()绑定事件好处 可以绑定多个事件,多个处理事件函数 $('div').on...() { $(this).toggleClass('currrnt'); })//如果执行程序相同可以采用这种方法 事件委托 $('ul').on('click','li',function(...()自动触发事件 // 会触发元素默认行为 $("div").click(); // 会触发元素默认行为 $("div").trigger("click"); //不会触发默认行为,比如自动获取焦点

8.4K10

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

这个方法是基本是的 .bind() 方法一个变体。使用 .bind() 时,选择器匹配元素会附加一个事件处理函数,而以后再添加元素则不会有。为此需要再使用一次 .bind() 才行。...'); 2.4 事件委托绑定 语法: $dom.delegate(selector,[type],[data],fn) 说明:指定元素(属于被选元素元素添加一个或多个事件处理程序,...],fn]) 删除由 delegate() 方法添加一个或多个事件处理程序。...要删除特定委派事件处理程序,提供一个selector 参数。选择器字符串必须是完全匹配递到.on()事件处理程序附加选择器。要删除非委托元素所有事件,使用特殊值 "**" 。...实例: // 解绑所有的on事件 $("p").off() // 解绑所有的p委托click事件,所有元素都被取消绑定 $("p").off( "click", "**" ) // 解绑具体某个事件处理程序

2.7K80

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

事件类型一个或多个,由空格分隔多个事件值。 childSelector 可选。规定只能添加到指定元素事件处理程序(且不是选择器本身,比如已废弃 delegate() 方法)。...console.log('btn 点击 ...') }) }) off() 方法 off() 方法通常用于移除通过 on() 方法添加事件处理程序。...$("#id").click(function(){ $("button").off("click"); }); bind() 方法 bind只能给符合条件元素本身添加事件 on可以将元素事件委托给父元素进行处理...规定添加元素一个或多个事件。由空格分隔多个事件值。必须是有效事件。 data 可选。规定传递到函数额外数据。 function 必需。规定当事件发生时运行函数。...map 规定事件映射 ({event:function, event:function, ...}),包含要添加元素一个或多个事件,以及当事件发生时运行函数。

92820

JavaScript 事件委托 以及jQuery对事件委托支持

data:   传递到函数额外数据   fn:       当事件发生时运行函数 概述:          指定元素(属于被选元素元素添加一个或多个事件处理程序,并规定当这些事件发生时运行函数...使用 delegate() 方法事件处理程序适用于当前或未来元素(比如由脚本创建元素)。...."); }); })        上述代码实现了对box1 元素P click事件委托处理。...fn   : 相应处理函数 描述:jQuery 给所有匹配元素附加一个事件处理函数,即使这个元素是以后再添加进来也有效。...selector:一个选择器字符串用于过滤器触发事件选择器元素后代。如果选择< null或省略,当它到达选定元素事件总是触发。

78360

Ext JS 教程-MVC架构 原

control方法使得监听在你视图类上面的事件并使用一个事件处理方法做出一些行动变得容易起来。...在上面的init方法中我们它提供了’viewport > panel‘,将翻译成 “为我寻找作为Viewport节点一个Panel”。...然后我们为处理器方法提供一个对应事件名称(在这里就是render)对象。最后效果就是每当任何匹配我们选择器组件触发了render事件,我们onPanelRendered方法就会被调用。...现在,我们这个选择器中加入监听器实际上会为每一个viewport直接节点Panel或者Panel子类而被调用,于是让我们用新xtype把那些绑定起来。...然后我们再一次让ComponentQuery去快速得到编辑窗口中表单引用。ExtJS 4中一个组件都有一个down方法,它接受一个ComponentQuery选择器去快速寻找任何组件。

3.3K10

Python全栈之jQuery笔记

jQuery选择器基本兼容了CSS1到CSS3所有的选择器,并且还添加了很多复杂选择器....触发被选元素click事件: $(selector).click() 添加函数到click事件:$(selector).click(function) mouseover()...; }); 触发hello事件 element.trigger("hello"); 事件冒泡: 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件处理程序...,那么此事件就会调用这个处理程序, 如果没有定义此事件处理程序或者事件返回true,那么这个事件这个对象父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活), 或者它到达了对象层次最顶层...事件冒泡作用: 事件冒泡允许多个操作被集中处理(把事件处理添加一个父级元素上,避免把事件处理添加到多个子级元素上),它还可以让你在对象层不同级别捕获事件.

5.4K40

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

在绑定事件之前,一定要确保页面中DOM元素已经就绪。如果没有就绪或者后面动态添加DOM元素则不会动态更新事件处理程序。 参数: type: 含有一个或多个事件类型字符串,由空格分隔多个事件。...这个方法是基本是的 .bind() 方法一个变体。使用 .bind() 时,选择器匹配元素会附加一个事件处理函数,而以后再添加元素则不会有。为此需要再使用一次 .bind() 才行。...'); 2.4 事件委托绑定 语法: $dom.delegate(selector,[type],[data],fn) 说明:指定元素(属于被选元素元素添加一个或多个事件处理程序,...],fn]) 删除由 delegate() 方法添加一个或多个事件处理程序。...要删除特定委派事件处理程序,提供一个selector 参数。选择器字符串必须是完全匹配递到.on()事件处理程序附加选择器。要删除非委托元素所有事件,使用特殊值 "**" 。

6.4K00

谁说你只是会用jQuery?

前言 套用上篇文章zepto.js学习如何手动触发DOM事件 开头???...回想一下平常自己是怎么写事件代理,一般是利用事件冒泡(当然也可以使用事件捕获)性质,将元素事件委托到祖先元素身上,不仅可以实现事件动态性,还可以减少事件总数,提高性能。...:以当前目标元素e.target为起点向上查找到最先符合selector选择器规则元素,然后扩展了事件对象,添加了一些属性,最后以找到match元素作为回调函数内部this作用域,并将扩展事件对象作为回调函数一个参数传进去执行..., 2, 3...保存着一个元素事件处理程序。...handler在set中索引赋值给i handler.i = set.length // 把handler保存起来,注意因为一个元素一个事件是可以添加多个事件处理程序 set.push(handler

1.3K60

Web阶段:第五章:JQuery库

2.parent > child 元素选择器:在给定元素下匹配所有的元素 3.prev + next 相邻元素选择器:匹配所有紧接在 prev 元素 next 元素 4.prev ~ sibings...匹配所有不包含元素或者文本元素 :parent 匹配含有元素或者文本元素 :has(selector) 匹配含有选择器所匹配元素元素 案例: $(document).ready(function...(function(){ //addClass() - 被选元素添加一个或多个类 $divEle.addClass("redDiv blueBorder...事件冒泡是指,父子元素同时监听同一个事件。当触发元素事件时候,同一个事件也被传递到了父元素事件里去响应。 那么如何阻止事件冒泡呢?...在给元素绑定事件时候,在事件function( event ) 参数列表中添加一个参数,这个参数名,我们习惯取名为event。

26.1K20

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券