首页 试题广场 > 试题详情
单选题

【C029133】有如下代码:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#product-type{width: 400px; text-align: center;}
.goods-class{width: 100%; list-style: none;}
.goods-class li{line-height: 26px; text-align: left; margin-bottom: 5px;}
.goods-class li a{margin: 0 5px; text-decoration: none;}
.goods-class li a:hover{text-decoration: underline;}
.hide{display: none;}
.show{display: block;}
</style>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script>
$(function(){
$("#menuBtn").click(function(){
var $btn=$("#menuBtn");
var $btnText=___1____;
var $hideLi= ___2____;
if($btnText=="展开"){
$btn.text("收起");
$hideLi.show();
}else{
$btn.text("展开");
$hideLi.hide();
}
});
})
</script>
</head>
<body>
<div id="product-type">
<ul class="goods-class">
<li><strong>家用电器:</strong><a href="#">大家电</a><a href="#">生活电器</a><a href="#">厨房电器</a><a href="#">个护健康</a></li>
<li><strong>手机数码:</strong><a href="#">手机通讯</a><a href="#">手机配件</a><a href="#">摄影摄像</a></li>
<li class="hide"><strong>电脑办公:</strong><a href="#">电脑整机</a><a href="#">电脑配件</a><a href="#">办公设备</a><a href="#">文具耗材</a></li>
<li class="hide"><strong>家居家具:</strong><a href="#">厨具</a><a href="#">家装建材</a><a href="#">家具</a><a href="#">家纺</a></li>
</ul>
<button id="menuBtn">展开</button>
</div>
</body>
</html>
使用jQuery实现单击“展开”按钮时,显示隐藏列表项,同时将按钮文本设置为“收起”,单击“收起”时,隐藏显示列表项,同时将按钮文本设置为“展开”,其效果如图所示,则1,2处应填入的正确代码为( )。

  • A.1处填$("#menuBtn").text(),2处填$(".goods-class li:gt(1)")
  • B.1处填$("#menuBtn").html(),2处填$(".goods-class li:lt(1)")
  • C.1处填$("#menuBtn").text(),2处填$(".goods-class li:eq(2)")
  • D.1处填$("#menuBtn"). html(),2处填$(".goods-class li:gt(2)")
提交并查看答案
下一题 上一题
Ke星伙伴们的回答/ 0个回答
    Ke星小伙伴儿们都不晓得答案吖~
    快来帮帮他们吧~
关闭
关闭
QQ
交流群
邀请
好友
App
下载
意见
反馈
返回
顶部