HTML id, class, name 속성

jylee·2023년 6월 28일
0

그냥생각나는거

목록 보기
19/48

속성별 차이점


1. id

  • 하나의 요소만 가능(페이지에서 유일함)
  • CSS에서 식별자로 사용 가능(#아이디)
  • 자바스크립트의 getElementById를 활용할 때 사용
  • jQuery -> $("#아이디")

2. class

  • 여러 요소에 적용 가능
  • CSS에서 식별자로 사용 가능(.클래스명)
  • jQuery -> $(".클래스명")

3. name

  • 여러 요소에 적용 가능
  • CSS에서 사용 불가
  • form 태그에서 submit 전송 시 사용. form의 값을 넘길 필요가 없으면 생략 가능
  • jQuery -> $("input[name=이름]")

기본 사용법

id와 class

  • id와 class는 숫자로 시작해서는 안됨
  • id는 #아이디, class는 .클래스로 제어
  • class는 같은 이름으로 중복 사용이 가능하며
    여러 값을 줄 때에는 띄어쓰기로 구분하여 사용 가능
    ex) class="class1 class2"
profile
ㅎㅇ

0개의 댓글