◇ 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 ▶ 선택객체 요소 안에 있는 텍스트값의 활용
'javascript&jquery > javascript' 카테고리의 다른 글
<javascript> Math함수 : 숫자의 반올림(round), 올림(ceil), 내림(floor), 버림(trunc), 절대값(abs) (1) | 2024.04.15 |
---|---|
<javascript> 객체요소의 우선순위 설정 (0) | 2024.04.09 |
<javascript> 자바스크립트 이벤트 연결 (0) | 2024.04.03 |
<javascript> 객체요소의 선택 (0) | 2024.04.03 |
<javascript> 문서객체의 선택 (0) | 2024.04.02 |