在JQuery中,点和散列符号是什么意思?

在下面的例子中,我感到困惑的是点和散列符号:

<DIV ID="row"> <DIV ID="c1"> <Input type="radio" name="testing" id="testing" VALUE="1">testing1 </DIV> </DIV> 

代码1:

  $('#row DIV').mouseover(function(){ $('#row DIV').addClass('testing'); }); 

代码2

  $('.row div').mouseover(function(){ $(this).addClass('testing'); });​ 

代码1和2看起来非常相似,所以这使我很困惑
当我应该使用“.row div”引用特定的DIV而不是使用“#row div”?

散列(#)指定通过其ID来select元素

点(。)指定按类名select元素

你可以在这里阅读更多关于select器: http : //api.jquery.com/category/selectors/basic-css-selectors/

$('。row')将select任何具有class="row"元素

$('#row')将selectid=row的元素

检查select器上的jQuery页面 。

这些是CSSselect器。

散列符号#表示该元素是一个ID。 所以#row会匹配<div id="row">

或者,点符号. 意味着元素是一个CSS类。 所以.row会匹配<div class="row">

W3C有更多的信息。

“” 指的是一个类,而“#”指的是ID。

 <table id="table"> <tr class="odd"></tr> <tr></tr> <tr class="odd"></tr> </table> 

$(“#table”)会得到整个表格对象,而$(“。odd”)会得到类“odd”的所有东西。 $(“tr.odd”)只会获得具有该类的表行。

. 指定一个名为“行”的#指定一个名为“行”的ID