반응형 밎1 웹퍼블리셔-입문]제이쿼리 each, data 사용법 오늘은 제이쿼리의 each와 data에 대해 알아보도록 하겠습니다. 1. "each"이란? - 제이쿼리의 객체 수만큼 반복하는 함수 - 자바스크립트의 for문과 유사 - 선택자에게 속성을 순서대로 지정 $('선택자').each(function(){ }); 2. "data-XX"는? - 내가 원하는 값을 태그에 저장 - 제이쿼리의 내장된 속성과 구분이 되지 않으면 혼란을 줄 수 있어서 주의!! - HTML5에서 새로 나온 속성 - 새로운 선택자 잡는 법 예제를 한번 풀어볼까요?? 웹브라우저에 이런 구조를 만들어주고 번호를 클릭했을때 배경색이 바뀌도록 만들어보겠습니다. 먼저 기본구조부터 만들어야 하겠죠?? 에 src로 제이쿼리를 연결해주고 그 뒤에 를 작성합니다. 이제 body 구조를 짜보도록 하겠습니다. .. 2021. 10. 1. 이전 1 다음 반응형