Program Tip

JQuery에서 도트 및 해시 기호는 무엇을 의미합니까?

programtip 2020. 11. 17. 20:59
반응형

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를 참조해야 할 때 너무 혼란 스럽습니다 .


해시 (#)는 ID로 요소를 선택하도록 지정합니다.

점 (.)은 클래스 이름으로 요소를 선택하도록 지정합니다.

선택기에 대한 자세한 내용은 http://api.jquery.com/category/selectors/basic-css-selectors/ 에서 확인할 수 있습니다.


$ ( '. row')는 class="row"

$ ( '# row')는 id=row

선택기의 jQuery 페이지를 확인하십시오 .


이들은 CSS 선택자입니다.

해시 기호 #는 요소가 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는 "행"라고합니다.

참고 URL : https://stackoverflow.com/questions/2860394/what-do-dot-and-hash-symbols-mean-in-jquery

반응형