jQuery页面加载与派发事件

最新推荐文章于 2022-01-14 13:54:00 发布

My_____Dream

最新推荐文章于 2022-01-14 13:54:00 发布

阅读量942

点赞数

分类专栏： JQ

本文链接：https://blog.csdn.net/My_____Dream/article/details/79182356

版权

JQ 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

jQuery页面加载与派发事件

一、页面加载

JS中页面加载window.οnlοad=function(){}//在一个页面中只能使用一次。

JQ中页面加载有两种方式.可以使用多次

1、$(function(){....})

2、$(document).read(function(){....});

如：

$(function(){

alert(123);

})

二、派发事件

JS中派发事件：document.ElementById("id值").onxxx=function(){...}

JQ中派发事件： $(“选择器”). 事件（function(){...}）;

如：

$("id1").click(function(){

alert(123);

});

掌握事件:
focus
blur
submit
change
click

三、代码练习

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面加载</title>
</head>
<script src="jquery-1.11.0.min.js" ></script>
<script>
//js中页面加载，这种方式只能使用一次
οnlοad=function(){
alert("JS页面加载后效果");
}
//JQ中的页面加载,可以使用多次。方式一
$(function(){
alert("JQ页面加载后效果~方式一");
//JQ派发事件
$("#bu3").click(function(){
alert("JQ派发事件完成");
})
//JS派发事件
document.getElementById("bu4").οnclick=function(){
alert("JS派发事件完成");
}
})
//JQ中的页面加载,可以使用多次。方式二
$(document).ready(function(){alert("JQ页面加载后效果~方式二");})

</script>
<body>
<input type="button" id="bu3" value="可以点击" />
<input type="button" id="bu4" value="可以点击" />
</body>
</html>