본문 바로가기

jineecode

검색하기
jineecode
프로필사진 지니코딩

  • 분류 전체보기 (192)
    • HTML (5)
    • CSS (10)
      • SCSS (1)
      • Bootstrap (0)
      • css in js (2)
    • JS (80)
      • react (34)
      • node.js (1)
      • jquery (9)
      • Typescript(공개용) (4)
    • React-Query (2)
    • php (5)
    • python (3)
    • JAVA (4)
    • tip (7)
    • git (11)
    • Review (5)
    • 챌린지 (7)
      • javascript30 (1)
    • 지식 (20)
      • 정보처리기사 (13)
    • 기타 (5)
    • 회고록 (6)
    • React native (20)
    • 보안 (1)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Tags
  • Review
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록JS/jquery (9)

jineecode

display를 변경시키는 메서드

style의 display를 변경시키는 메서드 1. show() hide() 2. fadeIn() fadeOut() 3. slideDown() slideUp() + eq() 선택한 요소의 인덱스 번호에 해당하는 요소를 찾습니다. $("선택자").eq("숫자"); HTML aaa bbb ccc aaa bbb ccc CSS p { border: 1px solid; padding: 20px 0; display: none; } jquery 결과 show()는 'style=display:block' 을 넣어주고 hide()는 'style=display:none'을 넣어준다. 코드 분석 버튼을 클릭하면, 클릭한 대상의 인덱스를 변수명에 담아, p태그를 일제히 숨기고, 해당하는 요소만을 보인다. $(".tab>but..

JS/jquery 2020. 12. 3. 18:21
이전 Prev 1 2 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바