如何在jQuery中绑定多个具有相同名称的元素？ - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

从零开始学 Web 之 jQuery（六）为元素绑定多个相同事件，解绑事件

一、为元素绑定多个相同事件 1、方式一 $("#btn").click(function () { console.log("click1"); }).click(function...，只会执行最后一个相同的绑定事件。...先说结论：通过调用事件名的方式和 bind 的方式只能绑定之前存在的元素，后添加的元素不能绑定事件；而 delegate 和 on 的方式绑定元素的方式可以。...1、bind 解绑事件语法： // 解绑单个或多个事件绑定事件的元素.unbind("事件名1 事件名2 ..."); // 解绑所有的事件绑定事件的元素.unbind(); PS：unbind...父元素.off("", "子元素"); // 子元素的单个或多个事件解绑父元素.off("事件1 事件2

1K4 0

从零开始学 Web 之 jQuery（六）为元素绑定多个相同事件，解绑事件

一、为元素绑定多个相同事件 1、方式一 $("#btn").click(function () { console.log("click1"); }).click(function...，只会执行最后一个相同的绑定事件。...先说结论：通过调用事件名的方式和 bind 的方式只能绑定之前存在的元素，后添加的元素不能绑定事件；而 delegate 和 on 的方式绑定元素的方式可以。...1、bind 解绑事件语法： // 解绑单个或多个事件绑定事件的元素.unbind("事件名1 事件名2 ..."); // 解绑所有的事件绑定事件的元素.unbind(); PS：unbind...父元素.off("", "子元素"); // 子元素的单个或多个事件解绑父元素.off("事件1 事件2

9302 0

您找到你想要的搜索结果了吗？

是的

没有找到

jQuery 事件绑定和 JavaScript 原生事件绑定

live、delegate 不多用，在Jquery1.7中已经移除，这里不多说重点介绍 bind、on bind(event,[data],function) bind 是使用频率较高的一种，作用就是在选择到的元素上绑定特定事件类型的监听函数...提示：如需添加只运行一次的事件然后移除，请使用 one() 方法。 event：必需。规定要从被选元素移除的一个或多个事件或命名空间。由空格分隔多个事件值，也可以是数组。必须是有效的事件。...注意，这里的事件名称没有“ on ”，如鼠标单击事件 click ，鼠标双击事件 doubleclick ，鼠标移入事件 mouseover，鼠标移出事件 mouseout 等。...jQuery 中的事件绑定具有叠加性，JavaScript 的事件绑定则是可覆盖的。...原生的事件绑定，可以发现只执行了最后一个相同的绑定事件，后面绑定的事件处理函数覆盖了前面的事件处理函数。

7K2 0

21-jQuery基础+选择器

jQuery的语法设计使得许多操作变得容易，如操作文档对象（document）、选择文档对象模型（DOM）元素、创建动画效果、处理事件、以及开发Ajax程序。...选择器用于筛选具有相似特征的元素基本语法 1....）：获得所有匹配标签名称的选择器 $(“HTML标签名”) ID选择器：获得所有与指定ID值匹配的元素 $(“#ID的属性值”) 类选择器：获得所有与指定类(class)相同的元素 $(“.class”...A标签下所有与B标签相一致的子辈元素（不包括子辈以外的元素） $(“A > B”) 属性选择器属性名称选择器：只要包含指定属性名称都会被选择(A是标签名称) $(“A[属性名]”) 属性选择器：选择所有包含对应属性...，且属性值与规定相同的元素 $(“A[属性名=’属性值’]”) 复合属性选择器：包含多个属性选择器 $(“A[属性名1=’属性值1’][属性名2=’属性值2’]…”) 过滤选择器 (“选择器:first

3.7K4 0

JQuery最全常用方法指南

在每个页面中可以有很多个函数被加载执行，按照fn的顺序来执行。 bind(type, [data], fn) 为每一个匹配元素的特定事件（像click）绑定一个或多个事件处理器函数。...（像click）绑定一个或多个事件处理器函数。...，从每一个匹配的元素中删除绑定的事件。...slice(start, [end]) 从匹配元素集合中取得一个子集，和内建的数组的slice方法相同。 add(expr) 把与表达式匹配的元素添加到jQuery对象中。...().css(”border”, “2px red solid”); JQuery Selectors 方法说明基本选择器 $(”#myDiv”) 匹配唯一的具有此id值的元素 $(”div”) 匹配指定名称的所有元素

13.2K3 1

前端架构师之01_JQuery

jQuery对象内部有3个元素。下标为0的元素表示其内部的DOM对象，即document对象。 length表示其内部DOM对象的个数，一个jQuery对象中可以包装多个DOM对象。...计数从最后一个元素开始到第一个 :nth-of-type(index/even/odd/公式)) 选择同属于一个父元素之下，并且标签名相同的子元素中的第n个子元素 :first-of-type 选择所有相同的元素名称的第一个子元素...:last-of-type 选择所有相同的元素名称的最后一个子元素 :only-of-type 选择所有没有兄弟元素，且具有相同的元素名称的元素 :nth-last-of-type(index/even...（包括外部元素，如图片）才能执行网页中的所有DOM结构绘制完成后就执行（可能关联内容并未加载完成）编写个数不能同时编写多个能够同时编写多个简化写法无 $() jQuery中的ready与JavaScript...7.3 jQuery UI jQuery UI是在jQuery基础上新增的一个库。特点：拥有强大的可扩展功能，具有吸引人的漂亮页面，能够更轻松地在网页中添加专业级的UI元素。

3.1K0 0

jQuery 快速入门教程

在jQuery库中实际上定义了一个jQuery()方法，它是jQuery库的核心。我们调用该方法并传入指定的参数，就可以返回一个jQuery实例对象，该对象中包含匹配的一个或多个DOM元素。...此外，为了尽可能地减少代码量，jQuery库还为函数jQuery定义了一个别名变量，它们是完全相同的(jQuery === )，因此我们也可以使用 // $是jQuery的别名，因为JS支持使用$作为变量名称...// 多个选择器以空格或指定符号隔开，将匹配与前者具有指定关系的最后一个选择器所表示的元素 $("#uid span"); // 选择id为"uid"的元素的所有后代span元素 $("p > span...例如：只选取集合中符合某些条件的元素，删除集合中符合某些条件的元素，查找当前匹配元素的子元素、父元素、同辈元素、上一个元素、下一个元素等与之具有特定关系的元素。...jQuery核心：事件处理 jQuery具有强大的DOM事件处理功能，使用jQuery的事件处理方法，我们可以非常方便地为DOM元素的指定事件绑定处理函数。

15.2K3 0

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

在每个页面中可以有很多个函数被加载执行，按照fn的顺序来执行。...（像click）绑定一个或多个事件处理器函数。...] ) 反绑定，从每一个匹配的元素中删除绑定的事件。...","号分割多个expr，用于实现多个条件筛选. ilter( fn ) 利用一个特殊的函数来作为筛选条件移除集合中不匹配的元素。...not( expr ) 从匹配的元素集合中删除与指定的表达式匹配的元素。 slice( start, [end] ) 从匹配元素集合中取得一个子集，和内建的数组的slice方法相同。

3.8K1 0

ASP.NET Core MVC 概述

此框架中包括多个筛选器（例如 Authorize）。...对于大型应用，将应用分区为独立的高级功能区域可能更有利。例如，具有多个业务单位（如结账、计费、搜索等）的电子商务应用。每个单位都有自己的逻辑组件视图、控制器和模型。...可以使用标记帮助程序定义自定义标记（例如），或者修改现有标记的行为（例如）。标记帮助程序基于元素名称及其属性绑定到特定的元素。...标记帮助程序使用 C# 创建，基于元素名称、属性名称或父标记以 HTML 元素为目标。...大多数内置标记帮助程序以现有 HTML 元素为目标，为该元素提供服务器端属性。视图组件通过视图组件可以包装呈现逻辑并在整个应用程序中重用它。这些组件类似于分部视图，但具有关联逻辑。

9.2K2 0

Jquery 使用技巧总结

它具有如下一些特点： 1、代码简练、语义易懂、学习快速、文档丰富。 2、jQuery是一个轻量级的脚本，其代码非常小巧，最新版的JavaScript包只有20K左右。...》和《使用 jQuery 简化 Ajax 开发》 (说明：以上文档都放在了【附件】中) 四、语法总结和注意事项 1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、...//如果存在（不存在）就删除（添加）名称为select的class 9、完善的事件处理功能 Jquery已经为我们提供了各种事件处理方法，我们无需在html元素上直接写事件，而可以直接为通过jquery...: 事件的绑定与反绑定从每一个匹配的元素中（添加）删除绑定的事件。...可以有多个参数（合并多项并返回） $.map(array, fn)：数组映射。把一个数组中的项目(处理转换后)保存到到另一个新数组中，并返回生成的新数组。

4.1K2 0

Python全栈之jQuery笔记

$("div").find("*"); 返回的所有后代 3.jQuery遍历-同胞(siblings) 同胞拥有相同的父元素.通过jQuery,您能够在DOM树中遍历元素的同胞元素...具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop() 注意: 1.1类比attr操作的css操作: jQuery通过...(".italic"); 删除所有具有属性class='italic'的元素. 4.克隆节点: 作用:复制匹配的元素复制$(selector)所匹配到的元素(深度复制) cloneNode...,当必须是它的内部元素span才能触发这个事件,支持动态绑定. on注册事件的语法: 第一个参数:events,绑定事件的名称可以是由空格分隔的多个事件(标准事件或自定义事件) 第二个参数:selector...end(); 筛选选择器会改变jQuery对象的DOM对象,想要回复到上一次的状态,并且返回匹配元素之前的状态. 3.2 each方法 jQuery的隐匿迭代会对所有的DOM对象设置相同的值,

6.7K4 0

50个必备的实用jQuery代码段

jQuery 判断元素上是否绑定了事件 //jQuery event封装支持判断元素上是否绑定了事件，此方法只适用于jQuery绑定的事件 var $events = $("#foo").data("events...jQuery就不需要花费更多的时间来搜索 //你想要的元素。...another-class", title: "..." }); 如何使用多个属性来进行过滤 //在使用许多相类似的有着不同类型的input元素时， //这种基于精确度的方法很有用 var elements...如何在jQuery中克隆一个元素： var cloned = $('#somediv').clone(); 在jQuery中如何测试某个元素是否可见 if($(element).is(':visible...) / 2 + $(window).scrollLeft() + 'px' 　　　　}); 　　}); } //这样来使用上面的函数： $(element).center(); 如何把有着某个特定名称的所有元素的值都放到一个数组中

8K0 0

java学习与应用（4.6）--过滤器、监听器、JQuery、AJAX、JSON等

代理对象和真实对象实现相同接口，使用Proxy的newInstance获取代理对象（传入如：lenovo. getClass(). getClassLoader(), lenovo. getClass(...使用JQuery获取元素JQuery对象（\$("#id")，\$("tag")等选择器），然后可以转换为js对象，两种对象都可以当做数组使用，方法不通用，但是前者更方便，如拥有将内容修改方法html等...remove方法移除元素，empty清空所有元素的子元素。其他方法见jquery手册如clone方法。 JQuery的动画 JQuery的动画，遍历方法，事件绑定。动画使用见图片。...事件绑定：jq对象.事件方法(回调函数[去掉on的一群方法，不传入回调函数则执行自动触发对应事件])（可以使用链式编程），jq对象.on（绑定事件，传入事件名称和回调函数）.off（解绑，传入事件，不传入则解绑全部事件...）， jq对象.toggle事件切换，传入多个回调函数轮流执行各个回调函数（jq3.0以上版本需要引入插件，该方法位于低版本中）。

7K1 0

为什么要学jquery

jQuery对象：jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。...选择器 jQuery选择器是jQuery为我们提供的一组方法，让我们更加方便的获取到页面中的元素。...过滤选择器名称用法描述 :eq（index） $(“li:eq(2)”).css(“color”, ”red”); 获取到的li元素中，选择索引号为2的元素，索引号index从0开始。...li元素中，选择索引号为偶数的元素总结：这类选择器都带冒号筛选选择器(方法) 名称用法描述 children(selector) $(“ul”).children(“li”) 相当于...$(selector).on( "click",'span', function() {}); on注册事件的语法： // 第一个参数：events，绑定事件的名称可以是由空格分隔的多个事件（

1.6K1 0

jquery第一次课的案例教程

jQuery对象：jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。...过滤选择器名称用法描述 :eq（index） $(“li:eq(2)”).css(“color”, ”red”); 获取到的li元素中，选择索引号为2的元素，索引号index从0开始。...li元素中，选择索引号为偶数的元素总结：这类选择器都带冒号筛选选择器(方法) 名称用法描述 children(selector) $(“ul”).children(“li”) 相当于$(...支持动态绑定 $(selector).on( "click",'span', function() {}); on注册事件的语法： // 第一个参数：events，绑定事件的名称可以是由空格分隔的多个事件...(function(index,element){}); 【案例：不同的透明度.html】多库共存 jQuery使用作为标示符，但是如果与其他框架中的作为标示符，

9061 0

一文玩转jQuery+Ajax

为blue的元素通用选择器 $("*") 选择页面所有元素组合选择器 $("#mydiv,span,.blue") 同时选中多个选择器匹配的元素名称) prop('checked') 获取具有true和false俩个属性的属性值区别：如果是固有属性，attr()和prop()均可获取如果是自定义属性，attr()可获取，prop()...为指定元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。...(this).prop("disabled", true); }) /* 1.bind多个事件绑定同一个函数指定元素.bind("事件类型1 事件类型2 .."...事件"); }) /* 2.bind为一个元素绑定多个事件，并设置对应函数指定元素.bind("事件类型1",function(){}).bind("事件类型2",function

5K2 1

jQuery对象

当创建新元素（或选择现有元素）时，jQuery返回集合中的元素。jQuery的许多开发人员都认为这个集合是一个数组。.length毕竟，它有一个零索引序列的DOM元素，一些熟悉的数组函数和一个属性。...元素具有任何JavaScript对象的属性。这些属性中的属性.tagName和方法类似.appendChild()。这些属性是通过JavaScript与网页进行交互的唯一方法。...通过将target元素包装在一个jQuery对象中，这些边缘情况得到了照顾，预期的结果是在所有支持的浏览器中实现的： // Setting the inner HTML with jQuery....该.get()方法对于测试两个jQuery对象是否具有相同的DOM元素是有用的。 // Comparing DOM elements....对象的变量名称前缀a 以帮助区分。

1.7K1 0

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

jQuery简单绑定事件的方式，可以让我绑定多个事件处理程序跟DOM2级绑定事件的方式一样....在绑定事件之前，一定要确保页面中的DOM元素已经就绪。如果没有就绪或者后面动态添加的DOM元素则不会动态更新事件处理程序。参数： type: 含有一个或多个事件类型的字符串，由空格分隔多个事件。...on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。on汇总了bind和live两种绑定事件的方式。可以支持一般的bind方法或者委托的方法。...on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。on汇总了bind和live两种绑定事件的方式。可以支持一般的bind方法或者委托的方法。...参数: events:一个或多个用空格分隔的事件类型和可选的命名空间，如"click"或"keydown.myPlugin" 。

3.7K8 0

jquery对象和dom对象的相互转换

如：$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。...$("#msg").addClass("select"); //为元素增加名称为select的class $("#msg").removeClass("select"); //删除元素名称为select...例如： $("p").trigger("click"); //触发所有p元素的click事件（5）bind(eventtype,fn)，unbind(eventtype): 事件的绑定与反绑定...从每一个匹配的元素中（添加）删除绑定的事件。...可以有多个参数（合并多项并返回） $.map(array, fn)：数组映射。把一个数组中的项目(处理转换后) 保存到到另一个新数组中，并返回生成的新数组。

4.5K4 0

jQuery基础(五)一Ajax应用与常用插件-imooc

selector).serialize() 其中selector参数是一个或多个表单中的元素或表单元素本身例如，在表单中添加多个元素，点击“序列化”按钮后，调用serialize()方法，将表单中元素全部序列化...，提示选择，如下图所示：右键菜单插件——contextmenu 右键菜单插件可以绑定页面中的任意元素，绑定后，选中元素，点击右键，便通过该插件弹出一个快捷菜单，点击菜单各项名称执行相应操作，调用代码如下...>元素，点击右键，弹出插件绑定的快捷菜单，点击菜单中的各个选项，便在页面中显示操作的对应名称。...在jQuery中，通过.browser对象可以获取浏览器的名称和版本信息，如.browser.chrome为true，表示当前为Chrome浏览器，.browser.mozilla为true，表示当前为火狐浏览器...例如，调用$.extend()函数对两个已有的对象进行合并，，返回一个包含两个对象中全部属性元素的新对象，相同名称的“name”属性，前者被后者覆盖。

19.2K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭