收藏
批改状态：合格
老师批语：
第十三课： 4_2jquery极速入门
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery引入</title>
<!-- 第一种引入方式 -->
<!-- <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> -->
<!-- 第二种引入方式 -->
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").click(function(){
$("p").css("background-color","green");
$("p").css("color","yellow");
});
});
</script>
<script>
if(typeof jQuery == 'undefined'){
window.alert("没有jquery");
}
</script>
</head>
<body>
<p>如果您点击我，背景会变绿。</p>
<p>如果您点击我，文字会变黄。</p>
</body>
</html>点击 "运行实例" 按钮查看在线实例
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
