JavaScript/Jquery😊

[jquery] first , first-child 차이

2020. 10. 18. 15:41

$( '.css_test div img:first-child' )
- 클래스명이 css_test 인 요소의 div 안의 img 중 첫번째 자식만 찾기
- 각 div 안에 있는 이미지중 첫번째 것들 즉 첫번째 자식만 찾기
- 예제에서는 각 3개의 div 중 첫번째 이미지들이 대상
- 각 div 가 부모이고 그 안의 첫번째 것을 의미

$( '.css_test div img:first' )
- 클래스명이 css_test 인 요소의 div 안의 img 중 첫번째 것만 찾기
- 찾아진 이미지를 전체로 놓고 판단하여 첫번째 것만 찾기
- 무조건 첫번째 것만 찾는것

저작자표시 (새창열림)

'JavaScript > Jquery😊' 카테고리의 다른 글

[jquery] 리스트 필터  (0) 2022.04.15
[JQUERY] datepicker 한글설정  (0) 2020.10.18
[jQuery] radio, selectbox 등 선택된 값 가져오기  (0) 2020.10.18
[Jquery] 행(tr) 클릭시 checkbox : checked  (4) 2020.10.18
[jquery]ajax사용 후 이벤트가 작동 하지 않을때  (2) 2020.10.18
'JavaScript/Jquery😊' 카테고리의 다른 글
  • [JQUERY] datepicker 한글설정
  • [jQuery] radio, selectbox 등 선택된 값 가져오기
  • [Jquery] 행(tr) 클릭시 checkbox : checked
  • [jquery]ajax사용 후 이벤트가 작동 하지 않을때
yoob
yoob
😎 Current : Back-end Developer          💻 Interests : Kotlin, Restful API                          📧 Contact : psung616@naver.com
yoob의 기술블로그😎 Current : Back-end Developer          💻 Interests : Kotlin, Restful API                          📧 Contact : psung616@naver.com
yoob
yoob의 기술블로그
yoob

블로그 메뉴

  • 🥳 힙한 생활용품 마켓 바로가기 ⬅️
전체
오늘
어제
  • 분류 전체보기 (121)
    • 프로그래머스 코테 (29)
      • 프로그래머스 Lv. 0 (11)
      • 프로그래머스 Lv. 1 (13)
      • 프로그래머스 Lv. 2 (5)
      • 프로그래머스 Lv. 3 (0)
    • Java (16)
      • Java😊 (12)
      • JSP😊 (4)
    • MSA (1)
      • Micro Service.. (1)
    • AWS (2)
      • AWS EC2 (1)
      • AWS RDS (1)
      • AWS EBS (0)
    • Framework (14)
      • Spring😊 (6)
      • Spring Boot😊 (6)
      • MyBatis😊 (1)
      • JPA (1)
    • JavaScript (16)
      • JavaScript😊 (9)
      • Jquery😊 (7)
    • Linux (6)
      • Linux😜 (6)
    • DBMS (10)
      • DataBase (10)
    • Server (4)
      • Server (4)
    • Python (3)
      • Python (3)
    • Git (3)
    • HTML5+CSS3 (3)
      • HTML5😊 (3)
      • CSS3😊 (0)
    • 창고 (12)
      • MAC OS (0)
      • 정보처리기사 (8)
      • TMI (4)

인기 글

최근 글

최근 댓글

08-22 09:16
hELLO · Designed By 정상우.
yoob
[jquery] first , first-child 차이
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.