在学习jquery时遇到的一个小问题
发布于 7 年前 作者 lei2231 2725 次浏览 来自 问答

在学习jQuery权威指南第二版的时候 第5章第一个案例 有这样的写法: <script type=“text/javascript”> $(function() { var $link = $(".artList a");//获取单击文本 var $hide = $(".artList :eq(2)");//获取隐藏的段落 $link.click(function() {//文本单击事件 if ($(this).html() == “显示”) {//如果未显示 $(this).html(“隐藏”);//改变文本内容 $hide.show();//显示隐藏的文本 } else { $(this).html(“显示”); $hide.hide(); } }) }) </script> <body> <div class=“artFram”> <div class=“artList”> <span>     </span> <span>一个优秀的程序开发员,除需掌握专业的开发语言,还要具有</span> <span style=“display:none”>执着、沉稳、细致的专业素质。</span>  <a href=“javascript:void(0)”>显示</a> </div> </div> </body> 我在chrome上试了 是无法达到他想要的 显示 “执着、沉稳、细致的专业素质。“效果的 ,后来 我把 var $hide = $(”.artList :eq(2)”); 改成了 var $hide = $(".artList span:eq(2)"); 就可以了,

想问下这是他写错了?还是浏览器问题?还是其实这样写是对的?如果是对的 点击’显示’ 为啥不显示呢?

3 回复

这个编辑器不允许贴出好代码?

回到顶部