作者awpadam (adam!)
看板Ajax
标题[问题] Jquery选取
时间Tue Jul 22 04:43:51 2008
最近小弟开始接触Jquery
一开始学的是选取器
如下
<html>
<head>
<script src="jquery-1.2.6.min.js"> </script>
<style>
.mystyle{
background-color:blue;
}
</style>
</head>
<body>
<table>
<tr><td>123</td></tr>
</table>
<div>
<span><font>123</font></span>
</div>
<script>
$(document).ready(function(){
//$('table tr').addClass('mystyle'); //ok
//$('div span').addClass('mystyle'); //ok
//$('table>tr').addClass('mystyle'); //fail
//$('div>span').addClass('mystyle'); //ok
})
</script>
</body>
</html>
想请问一下
在第三行的选取为什麽是失败的呢
因为我看文章说
$('xx yy')和$('xx>yy')是一样的
还是其中有什麽不一样或有什麽限制呢?
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 218.211.22.196
1F：→ gaelelw:不太一样 空格是所有descendant '>'只有child 07/22 14:35
2F：→ gaelelw:错误的原因在於>前後必须空格 07/22 14:35
3F：→ ronmi:错误的原因在於table的child是tbody… 07/22 16:27
4F：→ ronmi:刚确认了一下 有没有加空格在firefox和ie6 on linux都正常 07/22 16:30
5F：→ awpadam:嗯嗯，综合两位前辈所说，就完全理解了。 07/22 17:02
6F：→ gaelelw:真的不用空格...但上次把空格去掉就不行 大概是鬼打墙 囧 07/22 23:50