<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--1、本地引入-->
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<!--2、CDN在线引入CDN：内容分发系统-->
<!--<script type="text/javascript"src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>-->
<title>jQuery执行方式</title>
<style type="text/css">
.horiz{
float: left;
list-style-type: none;
margin: 10px;
}
</style>
<script type="text/javascript">
// $(document).ready(function () {
// $('#list>li').addClass('horiz');
// })
window.onload = function () {
$('#list>li').addClass('horiz');
}
</script>
</head>
<body>
<h2>购物清单</h2>
<ul id="list">
<li>生活用品
<ul>
<li><a href=""></a>淘宝</li>
<li>衣服</li>
<li>鞋子</li>
</ul>
</li>
<li>数码产品
<ul>
<li><a href=""></a>京东</li>
<li>衣服</li>
<li>鞋子</li>
</ul>
</li>
<li>食品保健
<ul>
<li><a href=""></a>拼多多</li>
<li>奶粉</li>
<li>玩具</li>
</ul>
</li>
</ul>
</body>
</html>引入jQuery
