jquery中的隐藏下拉框
<title>1-5-1</title><metahttp-equiv="pragma"content="no-cache"><metahttp-equiv="cache...
<title>1-5-1</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<meta http_equiv="Content-Type" content="text=html ; charset=utf-8" />
<style type="text/css">
#menu{width: 300px;}
.has_children{background :#555;color :#fff;cursor:pointer;}
.highlight{color :#fff ;background :green;}
div{padding: 0;margin:10px 0;}
div a{background:#888;display:none;float:left;width:300px; }
</style>
<!-- <link rel="stylesheet" type="text/css" href="styles.css">-->
<script type="text/javascript" src="jquery-1.4.1.js"></script>
<script type="text/javascript">
$(".has_children").click(function(){
$(this).addClass("highlight").//为当前元素增加highlight类
children("a").show().end().//将子节点《a》元素显示出来并
//重新定位到上次操作的元素
siblings().removeClass("highlight")//获取元素的兄弟节点，并去掉他们
//的highlight类
.children("a").hide();//将兄弟元素下的《a》元素隐藏
} );
</script>
</head>
<body>
<div id = " menu ">
<div class="has_children">
<span>第一章-认识 jQuery</span>
<a>1.1</a>
<a>1.2</a>
<a>1.3</a>
</div>
<div class="has_children">
<span>第二章-jQuert</span>
<li>2.1</li>
<a>2.2</a>
<a>2.3</a>
</div>
</div>
</body>
</html>
为什么不对啊·哪里错了·初学者·不了解·谢谢各位大神·求帮忙 展开
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<meta http_equiv="Content-Type" content="text=html ; charset=utf-8" />
<style type="text/css">
#menu{width: 300px;}
.has_children{background :#555;color :#fff;cursor:pointer;}
.highlight{color :#fff ;background :green;}
div{padding: 0;margin:10px 0;}
div a{background:#888;display:none;float:left;width:300px; }
</style>
<!-- <link rel="stylesheet" type="text/css" href="styles.css">-->
<script type="text/javascript" src="jquery-1.4.1.js"></script>
<script type="text/javascript">
$(".has_children").click(function(){
$(this).addClass("highlight").//为当前元素增加highlight类
children("a").show().end().//将子节点《a》元素显示出来并
//重新定位到上次操作的元素
siblings().removeClass("highlight")//获取元素的兄弟节点，并去掉他们
//的highlight类
.children("a").hide();//将兄弟元素下的《a》元素隐藏
} );
</script>
</head>
<body>
<div id = " menu ">
<div class="has_children">
<span>第一章-认识 jQuery</span>
<a>1.1</a>
<a>1.2</a>
<a>1.3</a>
</div>
<div class="has_children">
<span>第二章-jQuert</span>
<li>2.1</li>
<a>2.2</a>
<a>2.3</a>
</div>
</div>
</body>
</html>
为什么不对啊·哪里错了·初学者·不了解·谢谢各位大神·求帮忙 展开
1个回答
展开全部
<script type="text/javascript">
$(function () {
$(".has_children").click(function () {
$(this).addClass("highlight").//为当前元素增加highlight类
children("a").show().end().//将子节点《a》元素显示出来并
//重新定位到上次操作的元素
siblings().removeClass("highlight")//获取元素的兄弟节点，并去掉他们
//的highlight类
.children("a").hide(); //将兄弟元素下的《a》元素隐藏
});
});
</script>
把你的JS换成这段就行了。
其实你就是少了一个$(function(){});把你写的事件注册给对应的HTML标签元素。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
