22前端基础 -JQuery之页面加载

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_20042935/article/details/88560897

JQuery页面加载

jquery页面加载成功事件:

  • js:
    onload = function(){}
  • jquery:
    $(document).ready(function(){})
    $(function(){})

例子:

显示效果:依次弹出 22 、11、2

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
		<script type="text/javascript">
			//js方式
			onload = function() {
				alert("2");
			}

			//jquery
			$(document).ready(function() {
				alert("11");
			})

			$(function() {
				alert("22");
			})
		</script>
	</head>

	<body>

	</body>

</html>

猜你喜欢

转载自blog.csdn.net/qq_20042935/article/details/88560897