点和哈希符号在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

元素

Check the jQuery page on selectors

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”）将获得类“奇数”的所有内容。 $（“tr.odd”）只能获得该类的表行。

Answer 5

.指定名为“行”的类。 #指定名为“row”的 id 。