首页 前端知识 事件在jQuery中如何使用,JS中window.onload在jquery中的写法

事件在jQuery中如何使用,JS中window.onload在jquery中的写法

2024-02-01 12:02:49 前端知识 前端哥 622 46 我要收藏

目录

  • 一、作用:
  • 二、语法:
      • 语法1:
      • 语法二:
  • 三、JS中window.onload在jquery中的写法:

一、作用:

用于给指定的jquery对象绑定事件(click,onload…)。

二、语法:

语法1:

$(选择器).事件名称(事件处理函数)
事件名称就是JS中的事件。
事件处理函数就是事件发生时执行的函数操作。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
		<script type="text/javascript">
			$(function() {//window.onload
				 $("#btn1").click(function(){
					alert("单击按钮");
				}) 
			})
		</script>
	</head>
	<body>
		<input type="button" value="button" id="btn1"/>
	</body>
</html>

语法二:

$(选择器).on(event,function)
event :事件一个或多个,多个之间用空格分开。
function :可选,当事件发生时运行的函数。

三、JS中window.onload在jquery中的写法:

<script>
$(function(){
				alert("hello");
			})
			// $(document).ready( 函数 ): 当页面中的dom对象加载成功后,会执行ready(), 
			// 相当于是onLoad().
</script>			

当document对象加载完毕后,执行function函数内的内容。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/1054.html
标签
评论
发布的文章

Ajax用法总结

2024-02-14 09:02:07

JQuery之jsTree树形插件

2024-02-14 09:02:01

Why React Doesn‘t Need jQuery?

2024-02-14 09:02:00

jQuery模板字符串

2024-02-14 09:02:58

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!