收藏
批改状态：合格
老师批语：
1.使用本地引入方式，先从jquery.com 官方下载 development 版本jQuery
并通过 script 标签的scr 进行引入
2.使用在线 cdn js 库,如：百度资源公共库 等等<br>
3.使用 $(document).ready(function(){
//读取页面内容，在生成 dom 结构时候就会触发
$('div span').addClass('sp1') //添加样式
})
简写方式：
$(function(){
$('div span').addClass('sp1') //添加样式
})
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JQuery</title>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<style type="text/css">
.box{
width: 200px;
height: 200px;
background-color: red;
text-align: center;
}
.sp1{
line-height: 200px;
}
</style>
</head>
<body>
<h3>JQuery的引入方式</h3>
<div class="box" id="box">
<span></span>
</div>
<script type="text/javascript">
// $('h3').click(function(){
// alert('JQuery')
// })
$('div span').html('中间的内容') //添加 innerhtml
//$('div span').addClass('sp1') //动态添加样式
//$(document).ready() 的简写
$(function(){
$('div span').addClass('sp1')
})
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
