在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 。