jquery只允许在单击时一次选择一个div元素 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

WEB入门之十四 jQuery事件

属性说明 type 获取事件类型 target 获取触发事件的元素 result 获取上一个事件处理函数返回的值 which 获取在鼠标单击事件中获取鼠标的按键，值1表示鼠标左键；值2表示鼠标中键；值...事件，在该事件中通过两个匿名函数控制类名是content的div，第一个函数控制该div显示，第二个函数控制该div隐藏。...把bind换成live后，表格中的任何一行在单击时都可以改变背景色，包括动态创建的行。...一个参数，表示移除元素上指定的某个事件 $("p").die("click"); //移除段落元素的鼠标单击事件 2....一次移除多个事件，中间用空格隔开 $("p").die("click mouseover"); //移除段落元素的鼠标单击事件和鼠标悬浮事件 5.4.3 on和off on是jQuery 1.7版本中新增的函数

1.8K1 0

WEB入门之十四 jQuery事件

属性说明 type 获取事件类型 target 获取触发事件的元素 result 获取上一个事件处理函数返回的值 which 获取在鼠标单击事件中获取鼠标的按键，值1表示鼠标左键；值2表示鼠标中键...的div元素设置hover事件，在该事件中通过两个匿名函数控制类名是content的div，第一个函数控制该div显示，第二个函数控制该div隐藏。...把bind换成live后，表格中的任何一行在单击时都可以改变背景色，包括动态创建的行。...一个参数，表示移除元素上指定的某个事件 $("p").die("click"); //移除段落元素的鼠标单击事件 2....一次移除多个事件，中间用空格隔开 $("p").die("click mouseover"); //移除段落元素的鼠标单击事件和鼠标悬浮事件 5.4.3 on和off on是jQuery 1.7

1.9K1 0

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

是的

没有找到

Web阶段：第五章：JQuery库

Jquery 的初体验需求：使用Jquery和javascript给一个按钮绑定单击事件注意：使用Jquery之前要将第三方jar包导入 div").css("background", "#bbffaa"); }); //2.在 body 内, 选择div子元素（子元素选择器）...type="button" value="last()选择最后一个 div 元素" id="btn3" /> 在div中选择索引为偶数的..." value="find()在body中选择所有class为mini的div后代元素" id="btn9" /> 一个...**bind()** 可以同时给标签绑定一个或多个事件 **one()** 给标签绑定只响应一次的事件 **live()** live可以给匹配了选择器的所有元素都绑定事件，哪怕这个元素是后面动态创建的

28.7K2 0

JQuery的学习

* jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。...JQuery对象和JS对象区别与转换： 1.JQuery对象在操作时，更加方便； 2.JQuery对象和JS对象方法不通用； 3.两者相互转换： * JQuery --> JS : JQuery...过滤选择器： 1. 首元素选择器 * 语法： :first 获得选择的元素中的第一个元素 2....尾元素选择器 * 语法： :last 获得选择的元素中的最后一个元素 3. 非元素选择器 * 语法： :not(selector) 不包括指定内容的元素 4....，每一个元素执行一次。

18.5K2 0

杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

而window.onload只能一次 2.3 事件处理和委派【掌握】 on(events,[selector],[data],fn)，在选择元素上绑定一个或多个事件的事件处理函数。...; event.stopPropagation();//停止冒泡事件 }) 当单击span元素时,只会触发span元素上的click事件,而不会触发 div元素和body元素的click事件....可以用同样的方法解决元素上的问题阻止默认行为网页中的元素都有自己默认的行为,例如:单击超链接后悔跳转,单击”提交”按钮会表单会提交,有时需要阻止元素的默认行为在jquery中,提供了preventDefault...举一个例子,在项目中,经常需要验证表单,在单击”提交”按钮是,验证表单内容,例如元素是否是必填字段,某元素长度是否够6位,单表单不符合提交条件时,要阻止表单的提交 eg: $(“#sub”).bind(...在jQuery 1.3中也可以接受一个字符串了。 •callback:载入成功时回调函数。

10.2K2 0

一文深入JQuery

或表示动画时长的毫秒数值(如：1000) easing：用来指定切换效果，默认是"swing"，可用参数"linear" swing：动画执行时效果是先慢，中间快，最后又慢 linear：动画执行时速度是匀速的 fn：在动画完成时执行的函数...，每个元素执行一次。...对象.each(function(index,element){}); index:就是元素在集合中的索引 element：就是集合中的每一个元素对象 this：集合中的每一个元素对象回调函数返回值：...setTimeout (执行一次定时器) 2. 分析发现JQuery的显示和隐藏动画效果其实就是控制display 3....给开始按钮绑定单击事件 $("#startID").click(function () { // 1.1 定义循环定时器 20毫秒执行一次 startId = setInterval

4.8K3 0

jQuery 双击事件（dblclick）时，不触发单击事件(click)

出处：jQuery 双击事件（dblclick）时，不触发单击事件(click) 在jQuery的事件绑定中，执行双击事件(dblclick)时能触发两次单击事件(click)。...即一个标签元素（如div等），如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时，不会触发双击事件(dblclick)，执行双击事件(dblclick...)时却会触发两次单击事件(click)。...mouseout，click，dblclick；在双击事件(dblclick)，触发的两次单击事件(click)中，第一次的单击事件(click)会被屏蔽掉，但第二次不会。...也就是说双击事件(dblclick)会返回一次单击事件(click)结果和一次双击事件(dblclick) 结果。而不是一次双击事件(dblclick)结果和两次单击事件结果(click)。

8K3 0

JQuery 笔记（二）

JQuery 高级 1. 动画 1. 三种方式显示和隐藏元素 1....* swing：动画执行时效果是先慢，中间快，最后又慢 * linear：动画执行时速度是匀速的 3. fn：在动画完成时执行的函数...，每个元素执行一次。...语法： jquery对象.each(function(index,element){}); * index:就是元素在集合中的索引...* element：就是集合中的每一个元素对象 * this：集合中的每一个元素对象 2.

4.1K1 0

jQuery 入门指南教程

使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()（简写为$），然后得到被选中的元素。...注意dom对象和jQuery对象是有区别的，调用方法时要注意操作的是dom对象还是jQuery对象。普通的dom对象一般可以通过$()转换成jQuery对象。...myClass 的 div 元素 $('div').filter('.myClass'); // 选择 class 等于 myClass 的 div 元素 $('div').first(); // 选择第一个...div 元素 $('div').eq(5); // 选择第六个 div 元素有时候，我们需要从结果集出发，移动到附近的相关元素，jQuery也提供了在DOM树上的移动方法： $('div').next...('p'); // 选择 div 元素后面的第一个 p 元素 $('div').parent(); // 选择 div 元素的父元素 $('div').closest('form'); // 选择离 div

1.7K1 1

前端基础-JQuery (二)

用来指定切换效果，默认是"swing"，可用参数"linear" * swing：动画执行时效果是先慢，中间快，最后又慢 * linear：动画执行时速度是匀速的 3. fn：在动画完成时执行的函数...，每个元素执行一次。...语法： jquery对象.each(function(index,element){}); * index:就是元素在集合中的索引 * element：就是集合中的每一个元素对象...* this：集合中的每一个元素对象 2....给开始按钮绑定单击事件 $("#startID").click(function () { // 1.1 定义循环定时器 20毫秒执行一次

3.3K1 0

jQuery 事件

，则可以使用on()方法来对被选元素及子元素上添加一个或多个事件处理程序。...规定只能添加到指定的子元素上的事件处理程序（且不是选择器本身，比如已废弃的 delegate() 方法）。 data 可选。规定传递到函数的额外数据。 function 可选。...，包含要添加到元素的一个或多个事件，以及当事件发生时运行的函数。范例代码 div class="content"> jQuery是继Prototype之后又一个优秀的JavaScript库，它是一个由 John Resig 创建于2006...该方法给 API 带来很多便利，我们推荐使用该方法，它简化了 jQuery 代码库。注意：如需移除指定的事件处理程序，当事件处理程序被添加时，选择器字符串必须匹配 on() 方法传递的参数。

3.9K7 0

WEB入门之十三 jQuery选择器

，所以第一个each只会循环输出一次，如图4.1.6所示。...属性选择器组合下面通过一个示例来演示属性选择器的具体用法。该示例实现了一个注册表单，当用户单击【注册】按钮时对所有的文本框进行非空验证，如图4.1.7所示。...，我们在本示例中添加了一个9行2列的表格，然后使用各种过滤选择器获取表格中的行。...任务实训部分 1：实现树形菜单训练技能点 jQuery层次选择器需求说明在示例4.1的基础上使用jQuery层次选择器实现树形菜单的收缩/展开特效。...层次选择器主要针对表单的使用 B. ("ancestor descendant")和 C. ("prev + next")和 D. 通过层次选择器一次只能获得一个元素 3.

1.4K1 0

WEB入门之十三 jQuery选择器

，所以第一个each只会循环输出一次，如图4.1.6所示。...属性选择器组合下面通过一个示例来演示属性选择器的具体用法。该示例实现了一个注册表单，当用户单击【注册】按钮时对所有的文本框进行非空验证，如图4.1.7所示。...，我们在本示例中添加了一个9行2列的表格，然后使用各种过滤选择器获取表格中的行。...任务实训部分 1：实现树形菜单训练技能点 jQuery层次选择器需求说明在示例4.1的基础上使用jQuery层次选择器实现树形菜单的收缩/展开特效。...层次选择器主要针对表单的使用 B. ("ancestor descendant")和 C. ("prev + next")和 D. 通过层次选择器一次只能获得一个元素 3.

1.5K1 0

javaWeb核心技术第五篇之jQuery

/js/jquery-1.11.0.min.js">" - 语法 - $("选择器") 或 jQuery("选择器") "var 元素对象...,jquery的页面加载成功事件可以出现多次,从上到下依次执行,js的页面加载成功事件只能出现一次,即使出现多次,也只有最后一个生效 - 重点事件 - click - change..."); //8 两者获取值的区别 //html在获取时,原样获取(不会解析任何标签) // alert($("div").html()); //text在获取时..."); //8 两者获取值的区别 //html在获取时,原样获取(不会解析任何标签) // alert($("div").html()); //text在获取时...},function(){ //第二个函数相当于mouseout });" - toggle:相当于给一个元素添加了单击事件,轮流执行多个函数(兼容性有问题

9K1 0

Jquery入门基础教程免费版

同样，在jQuery里面，我们要操作页面对象还是需要找对象，找页面对象，就是通过各类的选择器来找，简化我们的业务代码量。...在jquery里面，使用[]来指定属性选择器，基本选择器[属性选择器] 属性选择器符号说明用法 $("a[href]") 选择所有包含href属性的元素 $("a[href]").css("background...Click事件 3.1 jQuery基础事件 3.1.1 鼠标事件方法描述执行时机 click( ) 触发或将函数绑定到指定元素的click事件单击鼠标时 mouseover( ) 触发或将函数绑定到指定元素的...mouseover事件鼠标指针移过时 mouseout( ) 触发或将函数绑定到指定元素的mouseout事件鼠标指针移出时 3.1.2 键盘事件当我们在键盘尚进行按键操作的时候，做出的响应事件...当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。 <!

2.2K1 0

WEB入门之十六操作DOM节点

标签包裹了一个带有黑色边框的div 如果把上述代码中的wrap换成wrapAll函数，其他不变 wrapInner函数用来包裹元素内的子元素，下面是该函数的一个示例。...7.2 节点筛选前面我们学习了过滤选择器，它是在获取到元素后通过索引进一步进行了过滤或筛选。...jQuery针对节点操作提供了很多函数供开发人员使用，这些函数很多比较相似，大家在使用的时候要注意区分。 ...添加节点时，需要先单击选中某个一级或二级节点，然后在文本框中填写新添加的节点名，单击【添加】按钮把节点名作为新节点添加到选中的节点下面。删除节点只实现删除三级节点即可。...二、上机练习使用jQuery节点操作函数实现表格内容的修改。当单击【修改】按钮时，单元格中的文本信息替换为文本框；单击【确定】按钮时，文本框中的数据显示到单元格中。

1.2K1 0

WEB入门之十六操作DOM节点

div 如果把上述代码中的wrap换成wrapAll函数，其他不变 wrapInner函数用来包裹元素内的子元素，下面是该函数的一个示例。...7.2 节点筛选前面我们学习了过滤选择器，它是在获取到元素后通过索引进一步进行了过滤或筛选。...jQuery针对节点操作提供了很多函数供开发人员使用，这些函数很多比较相似，大家在使用的时候要注意区分。...添加节点时，需要先单击选中某个一级或二级节点，然后在文本框中填写新添加的节点名，单击【添加】按钮把节点名作为新节点添加到选中的节点下面。删除节点只实现删除三级节点即可。...二、上机练习使用jQuery节点操作函数实现表格内容的修改。当单击【修改】按钮时，单元格中的文本信息替换为文本框；单击【确定】按钮时，文本框中的数据显示到单元格中。

1.4K1 0

继续死磕前端

1.1 jquery 选择器还记到大明湖畔（CSS）的夏雨荷（选择器）吗？选择器可以快速定位到元素并为其应用样式效果。jquery 选择器的选择规则与 CSS 相同，只是目的是为其添加操作。...当我们验证邮箱格式、手机号、身份证号时必不可少，那么 jquery 中如何使用呢？...出现零次或一次（最多出现一次） + 出现一次或多次（至少出现一次） * 出现零次或多次（任意次） {n} 出现n次 {n,m} 出现n到m次 {n,} 至少出现n次范围：使用中括号将可选内容列出，代表内容中任意一个...$div2 = $('div>这是一个div元素div>'); 移动或者插入标签的方法 1、 append() 和 appendTo()：在现存元素的内部，从后面放入元素 var $span =...div id="div1">div> 2、 prepend() 和 prependTo()：在现存元素的内部，从前面放入元素 3、 after() 和 insertAfter()：在现存元素的外部

3.7K1 0

JQuery最全常用方法指南

在每个对象上，这个事件处理函数只会被执行一次。其他规则与bind()函数相同。 trigger(type, [data]) 在每一个匹配的元素上触发某类事件。...page ” + settings.url + “”); }); ajaxSend(callback) 在一个AJAX请求发送时，执行一个函数。...at ” + settings.url + “</li <”); }); ajaxStart(callback) 在一个AJAX请求开始但还没有激活时，执行一个函数。...(”#prev ~div”) 同胞选择器，选择prev的所有同胞节点基本过滤选择器 $(”tr: first”) 匹配第一个选择的元素 $(”tr: last”) 匹配最后一个选择的元素 $(”input...当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。 //当鼠标放在表格的某行上时将class置为over，离开时置为out。

13.2K3 1

【jQuery动画】显示与隐藏效果

jQuery中内置了一系列方法用于实现动画，当这些方法不能满足实际要求时，用户也可以自定义动画。...fn：在动画完成时执行的函数。实现效果当点击“显示”，则div中的内容会显示，并弹出提示框，点击“隐藏”则隐藏内容，弹出提示框，点击“切换”，则会在二者之间切换。...>div> jQuery部分思路： 1、引入jQuery，如图 2、添加ready函数，ready是jQuery的文档就绪函数，它用于防止文档在完全加载之前允许jQuery...代码，如果在文档没有完全加载之前就运行函数，操作可能失败； 3、给三个按钮添加点击事件，这里用到筛选选择器eq； 4、实现单击显示按钮，控制div元素的显示（show），并弹出提示框（alert）；...5、实现单击隐藏按钮，控制div元素的隐藏（hide），并弹出提示框； 6、实现单击切换按钮，控制元素显示与隐藏切换（toggle）。

8.9K1 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭