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

jquery的特效实现？解决方案

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

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. extJs 2.0学习札记(Ext.Panel篇一)
  2. 怎么在jsp中定义一个结果集并将这个结果集传递给action呢
  3. 请教，怎么用JS获得kindeditor编辑框内的第一个img标签的src？
  4. js 种的实现 转载
  5. JS报表属性操作
  6. JS第二篇——自动运行JS步骤&Autocomplete
  7. javascript table单元格纵向归拢和合并还原
  8. webqq 源码送,该如何处理
  9. JS技能：调用iframe中父页面/子页面中的JavaScript方法