当前位置：首页 → 问答吧 → 初学jQuery 遇到一个问题麻烦大侠给指点一下

初学jQuery 遇到一个问题麻烦大侠给指点一下

时间：2009-08-05

来源：互联网

在学习 jQuery基础教程这本书  书中的一个例子如下：
我照着打了一边运行时没效果，跟书上的对比了没有错误，运行时就是空白，请大侠指点一下看问题出在那里了谢谢！
<script language="javascript" src="jquery.min.js"></script>
<style>
.horizontal{ float:left; list-style:none; margin:10px;}
</style>

<script language="javascript">
$(document).ready(function(){
$("selected-plays > li").addClass("horizontal");
});
</script>

<ul id="selected-plays">
  <li>关于我们
      <ul>
      <li><a href="#">集团简介</a></li>
      <li>总裁致词</li>
      <li>企业文化</li>
      <li>企业荣誉</li>
      </ul>
  </li>

    <li>新闻动态
      <ul>
      <li><a href="#">公司新闻</a></li>
      <li>行业新闻</li>
      <li>媒体报道</li>
      </ul>
  </li>

    <li>产品展示
      <ul>
      <li>冰箱</li>
      <li>彩电
      <ul>
      <li>下乡彩电</li>
      <li>出口彩电</li>
      </ul>
      </li>
      <li><a href="#">数码产品</a></li>
      <li>电饭锅</li>
      </ul>
  </li>

</ul>

作者: 若比邻发布时间: 2009-08-05

把脚本
$("selected-plays > li").addClass("horizontal");

改成
$("#selected-plays > li").addClass("horizontal");

试试。

jQuery的选择器语法跟css很相似，ID的选择器用#

作者: tnzzjh 发布时间: 2009-08-06

回帖也要验证问题好恶心啊，编辑好的回复丢失了好几次。

本论坛人气已经多到要用验证问题来防灌水了？

作者: tnzzjh 发布时间: 2009-08-06

明白了谢谢

作者: 若比邻发布时间: 2009-08-06

不过又遇到一个问题，下面的例子用的是1.2.6版本的用那个1.3.2就错误，不知道不同版本的这个有什么区别到底要用那个好点
<script src="jquery-1[1].2.6.js" type="text/javascript"></script>

<style>
a{ color:#FF99FF}
a.mailto{ color:red;}
a.pdf{ color:green;}
</style>
<script>
$(document).ready(function(){
$('a[@href^="mailto:"]').addClass('mailto');
$('a[@href$=".pdf"]').addClass('pdf');
})
</script>
</head>
<body>
<a href="#">我是粉色的</a>
<a href="mailto:[email protected]">我是红色的</a>
<a href="xx.pdf">我是绿色的</a>

作者: 若比邻发布时间: 2009-08-06

<li>产品展示
      <ul>
      <li>冰箱</li>
      <li>彩电
      <ul>
      <li>下乡彩电</li>
      <li>出口彩电</li>
      </ul>
      </li>
      <li><a href="#">数码产品</a></li>
      <li>电饭锅</li>
      </ul>
  </li>
我现在想给下乡彩电和出口彩电定义一个样式要怎么定义  谢谢

作者: 若比邻发布时间: 2009-08-06

这和选择器的ID和CLASS有关的，你出一代码，都没有这些上下文，怎么给你回答呢？

建议还是先书中的基础。
jquery in action这本书写的不错

作者: shgen 发布时间: 2009-08-06

$('a[@href^="mailto:"]').addClass('mailto');
$('a[@href$=".pdf"]').addClass('pdf');

1.3版本里面是没有@符号的

作者: king20051400 发布时间: 2009-08-07

回帖要验证吗? 不用啊

作者: coolesting 发布时间: 2009-08-07

谢谢我还是继续看书看基础教程

作者: 若比邻发布时间: 2009-08-08

基础教程有点老了，那个是针对jq 1.1的
jquery 实战是针对 1.2的
可以看看锋利的jquery，针对jquery 1.3写的

作者: shawphy 发布时间: 2009-08-08