JQuery绑定多个事件

最新推荐文章于 2022-09-20 16:37:28 发布
最新推荐文章于 2022-09-20 16:37:28 发布
阅读量178 收藏
点赞数
分类专栏： Layui和vue等前端知识点 文章标签： JQuery绑定多个事件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Cui6023056/article/details/103380630
版权

JQuery绑定多个事件

当鼠标放到属性为type=buttton的标签上
P标签隐藏和显示

<script type="text/javascript">
			$(function() {
			$("[type = button]").bind({
				mouseover:function(){
					$("p").css("display","none");
				},
				mouseout : function(){
					$("p").css("display","block");
				}
			})
			});
		</script>

<body>
		<p>你瞅啥</p>
		<p>瞅你咋地</p>
		<b>你还瞅</b>
		<a>点我</a>
		<input type="button" value="点击" />
	</body>

效果图：
在这里插入图片描述

洋哥在线写BUG
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
03-jQuery-事件绑定【click() 、on()】、事件切换toggle()、事件方法、样式控制
记录java学习日常~
05-20 6553
on() 方法是 jQuery 中最常用且最通用的事件绑定方法，可以绑定多个事件类型，并为每个事件类型指定一个或多个处理程序。click() 方法是一种简洁的事件绑定方法，只能绑定 click 事件，并且只允许绑定一个处理程序，无法为同一个元素绑定多个处理程序。off() 方法用于移除之前绑定的事件处理程序，它需要传递一个或多个事件类型参数，并为这些事件类型制定要移除的处理程序。jQuery 事件绑定中，on() 方法用于为元素添加事件处理程序，off() 方法则用于移除绑定的事件处理程序。
jQuery 如何实现一个对象可以同时绑定多个事件
php_martin的博客
09-03 538
jQuery 如何实现一个对象可以同时绑定多个事件
jQuery绑定点击事件和改变事件的几种方式以及多个元素绑定多个事件
cheng1a的博客
09-05 8507
jQuery绑定点击事件和及监听改变事件的几种方式以及多个元素绑定多个事件
JQ中使用on()绑定多个事件
m0_50953782的博客
09-20 1273
1.多个事件绑定同一函数时，如：但点击或者移入时，被选中元素改变字体色。 2.多个事件绑定不同函数时，如：但点击时被选中元素字体变大（点击试也移入了故字体也变红，这里只是随意选择了两个事件），移入时字体色变为红色。
浅析jQuery事件之on()方法绑定多个选择器,多个事件
10-22
下面小编就为大家带来一篇浅析jQuery事件之on()方法绑定多个选择器,多个事件。小编觉得挺不错的，现在分享给大家。也给大家做个参考
jQuery使用bind函数实现绑定多个事件的方法
10-19
主要介绍了jQuery使用bind函数实现绑定多个事件的方法,结合简单实例形式分析了jQuery使用bind函数进行多个事件绑定的操作技巧与注意事项,需要的朋友可以参考下
jquery绑定事件不生效的解决方法
10-26
jquery绑定click事件，怎么都不生效，这个问题很多朋友都有遇到过，下面为大家解决一下,需要的朋友可以参考下
绑定jQuery中的多个事件
04-05
使用jQuery将JavaScript函数绑定到多个事件
jQuery绑定多种事件
青椒盖饭的博客
01-15 895
在jQuery里面,针对于事件的绑定于处理并不仅仅只是on()一个处理函数,实际上在整个jQuery中,针对于用户的使用习惯,做了大量的重复的开发操作 直接绑定单机事件 &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"/&gt; &lt;title&gt;jQuery的事件绑定处理&lt;/title&gt; &lt;script ty..
jQuery事件中on实现绑定多个事件
极客神殿
04-06 8237
相信大家都知道在jQuery1.9版本中，已经去掉了live和delegate方法，从而将on方法的地位进一步提升。 jQuery如此推崇on方法，必有其独到的地方。所以我们就有必要了解这个on，并在代码中利用它，从而优化代码和提高性能。那么接下来我们就来看看on的使用方法 一、使用on进行普通事件绑定 1.1使用on绑定一个事件 语法结构： jq对象.on(“事件类型”,”事件处理函数”) 1....
jquery on事件jquery on实现绑定多个事件
天下无敌庞成勇
11-16 2万+
on(events,[selector],[data],fn) 概述 在选择元素上绑定一个或多个事件的事件处理函数。on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。 在jQuery 1.7中，.on()方法 提供绑定事件处理程序所需的所有功能。 帮助从旧的jQuery事件方法转换，see .bind(), .delegate(), 和 .live(). 要删除的.on()绑
jquery 多个元素绑定同时绑定多个事件
qq_34169240的博客
06-23 1万+
$(function(){ //-------1 $("#signupForm").validate(); $("#caseClueNum,#externaLinks").on("mouseout change",function(){ $("#spanError").html(""); $("#spanError1").html("");
jQuery中bind函数绑定多个事件
热门推荐
ICode联盟
08-03 2万+
名人名言：道德是真理之花。——雨果 在jQuery中绑定多个事件名称是，使用空格隔开，举例如下： $("#foo").bind("mouseenter mouseleave", function() { $(this).toggleClass("entered"); }); 在1.4版本以后，也可以如下绑定 $("#foo").bind({ click: func
jQuery中给多个元素批量绑定事件
sinat_31907813的博客
09-25 1万+
在工作中难免会遇到用jQuery给多个元素绑定事件，今天我们来学习学习， //元生js写法 var nav = document.getElementById('nav'); var li_list = nav.getElementsByTagName('li'); //批量给多个元素绑定事件 for(var i=0;i&lt;li_list.l...
jquery同一标签绑定多个事件的几种方式 && js实时监听input中值变化
到达的专栏
10-31 1万+
jquery同一标签绑定多个事件的几种方式 ①$(document).ready(function(){ $("button").bind({ click:function(){$("p").slideToggle()}, mouseover:function(){$("body").css("background-color","red");}, ...
jquery 绑定多个元素多个事件的方法 on无效，on绑定动态生成元素没作用 on委托 sysdzw
两天打鱼三天晒网
03-19 2544
$('#a','#b','#c').click(function(){ ... });$('#a','#b','#c').live("click",function(){ ... }); //在1.10版本后没有live方法了。推荐用on方法$('#a','#b','#c').on("click",function(){ ... });$('#a','#b','#c').on("mouseover...
jQuery delegate() 绑定多个元素或事件
极客神殿
09-05 1016
delegate() 绑定多个元素或事件 语法： $(selector).delegate(childSelector,event,data,function); childSelector: 可以是多个元素，要用逗号隔开，比如"p,span"， event： 属于什么事件，可以是多个事件属性，要用空格隔开，比如"click mouseover"，选中的元素既可以通过单击事件实现，用鼠标悬停也可以实现同样的效果。 data: 可选，规定传递到函数的额外数据。 function： 当事件发生时运行的函数。
[jQuery]JQuery一个对象可以同时绑定多个事件，这是如何实现的？
歌谣的博客
03-10 897
JQuery一个对象可以同时绑定多个事件，这是如何实现的？ ①$(document).ready(function() { $("button").bind({ click: function() { $("p").slideToggle() }, mouseover: function() { $("body").css("background-color", "red"); },
jquery绑定事件
最新发布
07-29
你也可以同时绑定多个事件处理函数，只需要将它们以空格分隔： ```javascript $("#myButton").on("click mouseover", function() { // 执行一些操作 }); ``` 希望这能帮到你！如果有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值