点和散列符号在 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”而不是使用“ # row DIV”来引用特定的 DIV？

60712 次浏览

小开

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

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

$(“ # table”)将获得完整的表对象，而 $(”。会得到所有与类“单数”有关的东西。$(“ tr.odd”)将只获取该类的表行。

小开

.指定一个名为“ row”的 同学们，#指定一个名为“ row”的 身份证

小开

$(’. row’)将选择具有 class="row"的任何元素

$(’# row’)将使用 id=row选择元素

检查选择器上的 jQuery 页面。

小开

最佳答案

Hash (#)指定根据元素的 ID 选择元素

点(.)指定根据元素的类名选择元素

小开

这些是 CSS 选择器。

散列符号 #表示元素是一个 ID，因此 #row将与 <div id="row">匹配。

或者，点符号 .表示元素是一个 CSS 类，所以 .row将匹配 <div class="row">。

在 W3C有更多的信息。