实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery</title>
<style type="text/css">
#list li{
list-style: none;
}
.horiz{
float: left;
list-style-type: none;
margin: 10px;
}
</style>
<!-- <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>在线引用 -->
<script type="text/javascript" src="js/jquery-3.3.1.js"></script><!-- 本地引用 -->
<script type="text/javascript">
// $(document).ready(function(){
// $('#list>li').addClass('horiz')
// })
// 简写
$(function(){
$('#list>li').addClass('horiz')
})
</script>
</head>
<body>
<h2>jquery</h2>
<ul id="list">
<li>旅游
<ul>
<li>去哪儿</li>
<li>途牛旅游</li>
<li>马蜂窝</li>
</ul>
</li>
<li>银行
<ul>
<li>招商银行</li>
<li>工商银行</li>
<li>中国银行</li>
</ul>
</li>
<li>招聘
<ul>
<li>猎聘高薪</li>
<li>智联招聘</li>
<li>中华英才网</li>
</ul>
</li>
</ul>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
