728x90 300x250 SMALL javaScript545 여러 개 이미지 속성 값 변경하기 data() attr메서드를 사용해서 여러 개 이미지 속성 값을 변경할 경우 아래의 코드를 data()메서드를 사용한 형태로 변경해 보자 data() 메서드 //data- 속성 추가 //data- 속성 추가 //data- 속성 추가 data() 메서드를 사용하면 인덱스 값에 접근해야 할 필요가 없기 때문에 더 간결하게 적용 가능하다. 2023. 2. 20. 이미지 여러 개 속성 값 변경 attr() 속성값 변경 attr() 매서드 사용 $대상.attr("속성이름","값") 이미지가 한 개일 경우 이미지를 클릭할 때마다 번갈아 이미지 변경되게 하기 이미지가 여러 개 일 경우 2023. 2. 19. 속성값 가져오기 attr, data 차이 속성 class, id, src, href, data-value 등을 모두 속성이라고 하는데 아이디와 클래스, src 등의 속성을 일반속성이라고하고 data- 로 시작하는 속성을 사용자 정의 속성이라고 한다. 일반 속성값을 구할 경우에는 attr() data-로 시작하는 사용자 정의 속성값을 구할 경우에는 data()메서드를 사용하는게 좀 더 효율적이다. 속성값 가져오기 $대상.attr("속성이름") $대상.data("data-속성이름") attr() 링크 실행결과 data() 123 실행결과 data() 메서드를 사용하면 data-로 시작하는 속성 정보를 하나의 객체로 가져온다. attr을 사용해서도 data- 속성을 가져올 수 있지만 data()메서드를 사용하는게 더 간단하다. data-로 시작하지 .. 2023. 2. 18. 랜덤하게 폰트 color, fontsize 변경하기 버튼을 클릭하면 랜덤하게 폰트 color, fontsize 변경하기 색상변경 크기변경 글자 스타일 변경 2023. 2. 17. 이전 1 ··· 48 49 50 51 52 53 54 ··· 137 다음 728x90 반응형 LIST