본문 바로가기
javascript&jquery/javascript

<javascript> 반복되는 요소의 이벤트 적용

by 써-뇽 2024. 4. 4.

◇ ul-li 형식 구조에 이벤트를 적용하는 경우 
1) css에서 스타일 작업 시 각 객체를 자동으로 인식
2) j-query에서 스타일 작업 시 li전체를 인식
- 각 객체를 인식하기 위해 this선택자를 통한 작업 필요
3) javascript에서 스타일 작업 시 문서객체 선택 후 이벤트.currentTarget을 활용한 객체 인식 
- es5버전까지는 2)jquery와 같이 this선택자 사용을 통해 각 객체 선택
- es6버전부터는 this 대신 e.currentTarget의 사용(e는 이벤트발생요소)

◇ 번외
    j-query : $(선택자).text('내용') ▶ 선택자의 내용으로 text('내용')삽입
    javascript : .innerText   선택객체 요소 안에 있는 텍스트값의 활용