1. 爱易网页
  2. JavaSript
  3. jquery的特效实现？解决方案

jquery的特效实现？解决方案

日期：2014-05-16　 浏览次数：20334 次

jquery的特效实现？？？
<script src="file:///D|/jquery/jquery-1.3.2.js" type="text/javascript"></script>
<script>
  $("has_childern").click(function(){
$(this).addClass("highlight")
.children("a").show().end()
.siblings().removeClass("highlight").children("a").hide();
});
</script>
  <style type="text/css">
  #menu{ width:300px;}
.has_childern{ background:#000; 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>
</head>

<body>
  <div id="menu">
  <div class="has_childern">
  <span>服装设计</span>
  <a>1、绘描</a>
  <a>2、ps</a>
  <a>3、色彩学</a>
  </div>
  <div class="has_childern">
  <span>美食</span>
  <a>1、炒菜类</a>
  <a>2、煨汤类</a>
  <a>3、蒸食类</a>
  </div>
  <div class="has_childern">
  <span>外语</span>
  <a>1、英语</a>
  <a>2、日语</a>
  <a>3、德语</a>
  </div>
   
  </div>
</body>

为什么没有反应呢？？各位救救我？

------解决方案--------------------
<script>
$(document).ready(function () {
$(".has_childern").click(function () {

$(this).addClass("highlight").children("a").show().end().siblings().removeClass("highlight").children("a").hide();
});
})

</script>

相关资料更多>

  1. 刚学javascript，遇到个有关问题不知道怎么解决
  2. 关于js函数根据参数执行不同命令的有关问题
  3. 动态爬虫jsoup+jdic兑现
  4. JS实现的上拉列表
  5. 有关“意外地调用了方法或属性访问”的一个有关问题
  6. 再线等，解决就结贴。怎么实现text框一输入2位，光标自动进入到下一个控件
  7. 新开窗口怎么读取父窗口或返回值给父窗口
  8. （转）js私有步骤实现
  9. javascript第一个晚下