语言表述不清
这实在太考察人的阅读理解能力了
fish_fly
2014-11-25
4 回答
<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>挑战题</title>
</head>
<body>
<ul class="js_ul">
<li>萌萌</li>
<li>萌萌</li>
<li>萌萌</li>
<li>萌萌</li>
<li>萌萌</li>
<li>萌萌</li>
<li>萌萌</li>
<li>萌萌</li>
</ul>
<a href="#" onclick="return fasle" class="js_a">更多</a>
</body>
<script type="text/javascript">
$(".js_ul li:gt(4)").hide();
$(".js_a").click(function(){
if($(this).html()=="更多"){
$(".js_ul li").show();
$(this).html("简化");
}
else{
$(".js_ul li:gt(4)").hide();
$(this).html("更多");
}
})
</script>
</html>
<!DOCTYPE html>
<html>
<head>
<title>:last-child子元素过滤选择器</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>
<body>
<h3>改变每个"蔬菜水果"中最后一行的背景色</h3>
<ol>
<li>芹菜</li>
<li>茄子</li>
<li>萝卜</li>
<li>大白菜</li>
<li>西红柿</li>
</ol>
<ol>
<li>橘子</li>
<li>香蕉</li>
<li>葡萄</li>
<li>苹果</li>
<li>西瓜</li>
</ol>
</body>
<script type="text/javascript">
$("li:last-child").css("background-color", "blue");
</script>
</html>
举报
0/150
提交
取消
