点和哈希符号在JQuery中意味着什么？

Question

我对以下示例中的点和哈希符号感到困惑:

<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"时,它让我很困惑？

Answer 1

散列(#)指定按ID分类选择元素

点(.)指定按类名选择元素

您可以在此处阅读有关选择器的更多信息:http://api.jquery.com/category/selectors/basic-css-selectors/

Answer 2

$('.row')将选择任何元素 class="row"

$('#row')将选择元素 id=row

检查选择器上的jQuery页面.

Answer 3

这些是CSS选择器.

哈希符号#表示该元素是ID.所以#row会匹配<div id="row">.

或者,点符号.表示该元素是CSS类.所以.row会匹配<div class="row">.

在W3C上有更多信息.

Answer 4

“。” 表示类，而“＃”表示ID。

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

$（“＃table”）将获得完整的表对象，而$（“。odd”）将获得类“ odd”的所有内容。$（“ tr.odd”）将仅获得具有该类的表行。