abstrait：<html> <head> <meta charset="utf-8"> <title>選擇器</title> <script type="
<html>
<head>
<meta charset="utf-8">
<title>選擇器</title>
<script type="text/javascript"src="jquery-3.3.1.min.js"></script>
<style type="text/css">
body{font-size:13px}
ul li{list-style: none}
</style>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$('a[class=h]').css('color','red')
$('.div1').click(function(){
if($('.div2').is(':visible')){
$('.div2').css('display','none');
}else{
$('.div2').css('display','block');
}
});
$('.div3').click(function(){
if($('li:last').is(':visible')){
$('li:gt(5)').css('display','none');
$('.div3 a').html('更多');
}else{
$('li:gt(5)').css('display','block');
$('.div3 a').html('隱藏');
}
});
});
</script>
<div>
<div class="div1"><h3>女裝</h3></div>
<div class="div2">
<ul>
<li><a href="#" class='h'>冬上新</a></li>
<li><a href="#" class='h'>淘寶嘉年華</a></li>
<li><a href="#">毛呢外套</a></li>
<li><a href="#" class='h'>毛衣針織</a></li>
<li><a href="#">褲子</a></li>
<li><a href="#">羽絨棉服</a></li>
<li><a href="#" class='h'>連衣裙</a></li>
<li><a href="#">Top神店</a></li>
<li><a href="#" class='h'>棉衣棉服</a></li>
<li><a href="#">羽絨服</a></li>
<li><a href="#">衛(wèi)衣絨衫</a></li>
<li><a href="#" class='h'>半身裙</a></li>
</ul>
<div class="div3"><a href="#">隱藏</a></div>
</div>
</div>
</body>
</html>點(diǎn)擊隱藏，隱藏部分內(nèi)容，點(diǎn)擊顯示，顯示全部?jī)?nèi)容
Professeur correcteur：滅絕師太Temps de correction：2018-11-08 17:41:40
Résumé du professeur：很棒，利用學(xué)過(guò)的知識(shí)點(diǎn)，自己做的案例，繼續(xù)保持