实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.hj{
float: left;
list-style: none;
margin-right: 20px;
}
</style>
<!--第一种引入方式-->
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<!--第二种引入方式-->
<!--<script src="../js/jquery-3.3.1.js"></script>-->
<script>
// 全写
// $(document).ready(function(){
// $('#hg > li').addClass('hj')
// })
// 简写
$(function(){
$('#hg > li').addClass('hj')
})
</script>
</head>
<body>
<body>
<ul id="hg">
<li>笔记本
<ul>
<li>华硕</li>
<li>戴尔</li>
</ul>
</li>
<li>电动车
<ul>
<li>小鸟</li>
<li>爱玛</li>
</ul>
</li>
<li>油烟机
<ul>
<li>华帝</li>
<li>光明</li>
</ul>
</li>
</ul>
</body>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
