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를 사용해야 할 때. "#row div"를 사용하는 대신 특정 DIV를 사용 하시겠습니까?

Answer 1

해시 (#)는 자신의 ID의

도트로 요소를 선택하도록 지정 현재 위치 선택기에 대한 자세한 읽을 수

자신의 클래스 명으로 요소를 선택 지정 (.) : http://api.jquery.com/category/selectors/basic-css-selectors/

Answer 2

"." 클래스를 말하며, "#"은 ID를 나타냅니다. $은 (". 홀수") "홀수"클래스와 모든 것을 얻을 것이다 동안

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

$ ("# 테이블"), 전체 테이블 개체를 얻을 것입니다. $ ("tr.odd")는 해당 클래스가있는 테이블 행만 가져옵니다.

Answer 3

.은 클래스 "행"을 지정합니다. #은 id "행"을 지정합니다.

Answer 4

$ ('. 행') id=row

Check the jQuery page on selectors와 요소를 선택합니다 class="row"

$ ('# 행')와 모든 요소를 ​​선택합니다.

Answer 5

을 CSS 선택자입니다.

해시 기호 #은 요소가 ID임을 의미합니다. 따라서 #row은 <div id="row">과 일치합니다.

도트 기호 .은 요소가 CSS 클래스임을 의미합니다. 따라서 .row은 <div class="row">과 일치합니다.

W3C에 대한 추가 정보가 있습니다.