当前位置:编程学习 > JAVA >>

求高手解决!jQuery

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.3.2.js" type="text/javascript">


</script>
<script type="text/javascript">
$(document).ready(function(){
alert("sdsdsd");

});//测试的方法,这个弹出sdsdsd"下面的不出!

$(".has_childern").oclik(function(){
$(this).addClass(".hightlight").children("a").show().end.siblings().
removeClass(".hightlight").children("a").hide();
});

</script>

<style>
#menu{
width:300px;}
.has_childern{
background:#555;
color:#fff;
cursor:pointer;}
.hightlight{
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>第1章认识jQuery和Javascript库</span><br/>
      <a>1.1-JavaScript和Javascript库</a><br/>
      <a>1.2-加入jQuery</a><br/>
      <a>1.3-编写简单的jQuery代码</a><br/>
      <a>1.4-jQuery对象和dom对象</a><br/>
      <a>1.5-的深刻sdk</a><br/>
      <a>1.6-独生女看电视呢打开速度</a><br/>
      <a>1.7-飒飒飒飒</a><br/>
      
      </div>

   <div class="has_childern">
 
      <span>第2章认识jQuery和Javascript库</span><br/>
      <a>1.1-那哦哦哦无法卧佛</a><br/>
      <a>1.2-都能克服dnf快递费</a><br/>
      <a>1.3-都不少看电视看电视</a><br/>
      <a>1.4-jQuery对象和dom对象</a><br/>
      <a>1.5-的深刻sdk</a><br/>
      <a>1.6-独生女看电视呢打开速度</a><br/>
      <a>1.7-飒飒飒飒</a><br/>
      
      </div>
      
        <div class="has_childern">
          
          <span>第3章认识jQuery和Javascript库</span><br/>
          <a>1.1-那哦哦哦无法卧佛</a><br/>
          <a>1.2-都能克服dnf快递费</a><br/>
          <a>1.3-都不少看电视看电视</a><br/>
          <a>1.4-jQuery对象和dom对象</a><br/>
          <a>1.5-小结</a>
          </div>


</div>

</body>
</html>

问题:
浏览显示页面的时候
只显示:第一章,第二章,第三章
鼠标单击的时候显示里面的详细信息,但我的怎么都出不来!
谢谢那位大侠帮我解决一下!我刚开始学jQuery


非常谢谢!



--------------------编程问答--------------------
$(".has_childern").oclik(function(){//这里的oclik是啥?单击(click)吗?
$(this).addClass(".hightlight").children("a").show().end.siblings().
removeClass(".hightlight").children("a").hide();
}); --------------------编程问答--------------------
初学者出现拼写错误是非常常见问题。

另外建议不要一下子写大段大段代码,可以循序渐进的测试,比如:

$(".has_childern").click(function(){
  alert("On Click.");
}); --------------------编程问答-------------------- 楼上的建议我很赞同!!! --------------------编程问答-------------------- 汗,建议你使用FireFox浏览器中的错误控制台测试JS代码的执行,编写JS要仔细,最好在编写过程中使用alert();跟踪代码执行! --------------------编程问答-------------------- 顶楼上的·~ --------------------编程问答-------------------- 谢谢给位大侠! --------------------编程问答-------------------- $(document).ready(function(){
alert("sdsdsd");
//下面在这个不明白为什么要写到ready()的外面,这个运行时能找到对象???
$(".has_childern").oclik(function(){
$(this).addClass(".hightlight").children("a").show().end.siblings().
removeClass(".hightlight").children("a").hide();
});

});//测试的方法,这个弹出sdsdsd"下面的不出!

--------------------编程问答-------------------- ready相当于 onload方面,页面加载成功后调用这个方法。 --------------------编程问答-------------------- $(".has_childern").oclik(function(){
错误很明显啊,onclick写错了。
建议使用firefox调试,他有个错误控制台,很好用。 --------------------编程问答--------------------
引用 1 楼  的回复:
$(".has_childern").oclik(function(){//这里的oclik是啥?单击(click)吗?
$(this).addClass(".hightlight").children("a").show().end.siblings().
removeClass(".hightlight").children("a").hide();
});



....
补充:Java ,  Web 开发
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,