(왕초보) class 와 id 의 차이를 알려주세요.
매1혻적
안녕하세요.
class와 id에s와 id에 대해 명확히 구분이 안가서요..
어느 특정엘리먼트에 다른 효과를 주고자 할때 class 속성을 이용하잖아요.
그런데 id속성도 이와 비슷하더군요.
class속성은 한개이상의 엘리먼트들에 대해서만 사용을하고, id는 페이지마다 오직 하나의 엘리먼트를 위해 사용한다던데..
굳이 id를 사용하지 않아도 class를 이용해도 될것 같은데 이렇게 구분한 이유가모죠?
실습해보니 같은 id로 여러 엘리먼트를 사용해도 class와 마찬가지로 아무 이상없이 효과가 적용되던데요..
사실 두 속성에 차이는 없지만 사용하기 편하기 위한 임의의 약속같은건가요???
-
작약
id는 고유이자 중복이 불가능, class 중복사용 가능.. css로 봐도..
-
나리
한가지 더해서 스크립크가 DOM 탐색시에 클래스보다 아이디로 접근하는 것이 더 빠른 처리를 보입니다
-
내꽃
역시 제가 갈길이 머네요^^
-
햇님
css효과를 위한 것보다는요, 수다님 말처럼 개발단계에서 id로 제어하기 위해서에요. 그리고 id는 한 요소에 하나밖에 쓸 수 없지만 클래스는 여러 개 사용이 가능하죠.
스타일 꾸미기를 위해서는 클래스가 훨씬 더 효과적입니다. -
서향
아 제가 아직 js를 공부를 안하고 잇어서 그 차이점을 잘 몰랐던거 같네요.
역시 더 분발할 필요가 있겠군요. 감사합니다! -
상처입은마음
같은 id로 여러 엘리먼트를 사용해도 css효과는 먹을 수 있지만 자바스크립트는 오직 하나의 id만 액션이 적용됩니다. id는 자바스크립트의 컨트롤을 용이하게 하기 위함입니다.
물론 class도 자바스크립트로 제어하지만, 특정 요소를 컨트롤할 때는 당연히 id를 이용하는게 맞아요..
그 이외에도 할 얘기는 많지만, 그냥 아래와 같은 말로 끝맺을게요..
반드시 id와 class의 명확한 구분을 둬야합니다.
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2654708 | ie6에서 margin 문제 (5) | 너만 | 2024-05-13 |
2654681 | 아까 올렸던 질문의 액션코딩 (3) | 큰꽃들 | 2024-05-13 |
2654653 | 개발툴 콘솔창에 아무것도 나오지 않는데 해결좀....해주세요... (3) | 쌍둥이자리 | 2024-05-12 |
2654625 | textare 중간부터 글이 나옵니다. | 영글 | 2024-05-12 |
2654595 | C언어랑 C++ 두개만배워놓으면 (3) | 아빠몬 | 2024-05-12 |
2654543 | 드라이브 체크 어떻게 해야할까요 | 아연 | 2024-05-11 |
2654483 | 익스플로어 6과 7의 버젼에 따라서 클릭이 되지 않을 수 있나요? (1) | 히메 | 2024-05-11 |
2654431 | Invalid procedure call or argument 는 무슨뜻이죠 ;? | 날샘 | 2024-05-10 |
2654372 | 이중연결리스트 정렬 문의 드립니다. (1) | 야미 | 2024-05-10 |
2654343 | 레이어 팝업.. 흑흑 (4) | 다인 | 2024-05-10 |
2654284 | 반응형 웹에서 | HotPink | 2024-05-09 |
2654234 | 타이틀옆에 카테고리 정렬질문이요 (2) | 밤 | 2024-05-09 |
2654207 | 퍼블리셔포트폴리오질문이요! ! (2) | 훌림목 | 2024-05-08 |
2654175 | 방문자 수,포스트마다 사람들이 클릭 한 수 알 수 있는 방법 없나요? | 찬늘 | 2024-05-08 |
2654145 | 숙제란! | 피리 | 2024-05-08 |
2654120 | 레이어팝업 이용시 body 스크롤 고정(?) 질문입니다. (2) | 꿈빛 | 2024-05-08 |
2654094 | 메인메뉴와 윈쪽사이드메뉴 테마? | 솔찬 | 2024-05-07 |
2654064 | mp3 plyer에서 이퀄라이져를 구현하고 싶습니다. (7) | 촉촉한 초코칩 | 2024-05-07 |
2654034 | 초보자라 조언좀얻고자합니다 씨언어 문제입니다 (4) | 모이 | 2024-05-07 |
2654006 | 아주 극초보 배열문젠데요...오류를 어케 처리하죠..;;; (2) | 눈꽃 | 2024-05-07 |