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
이들은 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
'Program Tip' 카테고리의 다른 글
AttributeError : '모듈'개체에 '요청'속성이 없습니다. (0) | 2020.11.17 |
---|---|
브라우저 간 방식으로 뷰포트의 정확한 높이와 너비를 찾습니다 (Prototype / jQuery 없음). (0) | 2020.11.17 |
Node.js에서 발생하는 모든 이벤트 수신 (0) | 2020.11.17 |
내 주요 기능이 반환 한 것을 어떻게 얻을 수 있습니까? (0) | 2020.11.17 |
VirtualBox에서 우분투 게스트를 핑하는 방법 (0) | 2020.11.17 |