首页 前端知识 事件在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

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