jQuery设置事件与动画

本文详细探讨了jQuery中的事件处理,包括DOM加载方法、事件绑定、事件合成与切换、事件传播原理以及事件移除。此外,还深入介绍了jQuery的动画功能,如基本动画、滑动效果、淡入淡出动画和自定义动画的实现。
摘要由CSDN通过智能技术生成


一、事件

1.1 加载Dom两种方式

/*js方式*/
			// function fa(){
   
			// 	console.info("Dom/页面被加载! -js方式")
			// }
			/*jQuery方式*/
			$(function(){
   
				console.info("Dom/页面被加载! -jQuery方式1")
			})
			$(function(){
   
				console.info("Dom/页面被加载! -jQuery方式2")
			})
			window.onload = function(){
   
				console.info("Dom/页面被加载! -js方式1")
			};
			window.onload = function(){
   
				console.info("Dom/页面被加载! -js方式2")
			};

1.2 绑定事件

1.通过两种方式给div添加鼠标点击事件.
			方式一:
			$("#da").click(function(){
   
			 	console.info("div被点击了!")
			 })
			方式二:
			$("#da").on("click",function(){
   
			 	console.info("div被点击了!")
			 })
			方式三:
			$("#da").bind("click",function(){
   
			 	console.info("div被点击了!")
			 })
			2.通过两种方式给div添加鼠标进入事件.
			 $("#da").mouseenter(function(){
   
		 	console.info("鼠标进来了!")
			 })
			 $("#da").mousemove(function(){
   
			 	console.info("鼠标进来了!")
			 })
			 $("#da").on("mouseenter",function(){
   
			 	console.info("div被点击了!")
			 })
			3.通过两种方式给div添加鼠标离开事件.
			 $("#da").mouseleave(function(){
   
			 	console.info("鼠标出去了!")
			 })
			 $("#da").bind("mouseleave"function(
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值