收藏
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery引入方式与ready</title>
<style type="text/css">
div {
width: 300px;
height: 200px;
background-color: skyblue;
margin-bottom: 20px;
}
</style>
<!-- jQuery的引入方式 -->
<!-- 1.在线引用 -->
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<!-- 2.本地引用 -->
<script type="text/javascript" src="../js/jquery-3.3.1.js"></script>
<script type="text/javascript">
// jquery的ready()方法
// 1.给document绑定ready事件
$(document).ready(function(){
console.log('绑定事件')
$("#div1").css("background","red")
})
// 2.给jQuery的全局函数 传入 回调函数
$(function(){
console.log('简写回调函数')
$("#div1").css("background","blue")
})
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>点击 "运行实例" 按钮查看在线实例
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
