作者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