文档建议反馈控制台
首页
学习
活动
专区
工具
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 基础篇

    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.5K60

    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.5K10

    jQuery事件委托

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

    1.1K10

    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的基础使用

    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

    原生 JS DOM 常用操作大全

    javaScript 程序中采用的是异步处理事件模型，事件处理分三部分。...事件源 （具体作用在哪 个元素或标签上）事件类型 （指的是 例如：鼠标的点击，双击，经过，键盘的按下的键）处理程序 （ 指的是 事件触发后浏览器调用对应的处理程序(以函数的形式），也称为事件处理函数）...注意：keydown 和 keypress 在文本框里面特点：先执行事件的处理程序 在将文字落入到文本框中, keyup 在文本框里面的特点：先将文字落入到文本框中在执行事件的处理程序 keydown...包括导致事件的元素、事件的类型以及其他与特定事件相关的信息。事件触发时系统会产生一个事件对象，并且系统会以实参的形式传给事件处理函数在事件处理程序中声明一个形参用来接收事件参数。 //1....calssName 来操作元素类名属性 取消 a 标签的默认跳转 方法一: 在处理程序内的最后 添加 return false ;方法二: 在 a标签中加 javascript:; 自定义属性操作

    10810

    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, ...})，包含要添加到元素的一个或多个事件，以及当事件发生时运行的函数。

    1K20

    Ext JS 教程-MVC架构 原

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

    3.3K10

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

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

    82860

    Python全栈之jQuery笔记

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

    5.5K40

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

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

    6.5K00

    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.3K20
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券