표준 요소를 jQuery 객체로 변환- $()
1. $() 의미
- $()함수를 이용하여 표준 요소를 jQuery 객체로 변환이 가능하다
1) 배경색을 변경 예제
$(document.body).css('background-color', 'Red');
- document.body : 브라우저 표준 객체
- $() 이용하여 jquery 함수를 이용 할 수 있다
2) border-color 변경
- 마우스가 인 아웃 되면 테두리 색이 변경된다
- 이벤트 리스너의 $(this) : 이벤트 발생처에 엑세스 한다. $(this) == $('#square') 같다
- 일반 this: this는 표준 요소 객체를 의미. jquery에 엑세스 하기 위해 $()함수로 this를 랩핑해야 한다
'Front-End > jQuery' 카테고리의 다른 글
| [jQuery] 요소 마우스 들고 나는 시점 처리 - hover() (0) | 2017.01.05 |
|---|---|
| [jQuery] 제이쿼리 주요 이벤트 리스너와 예제 (0) | 2017.01.05 |
| [jQuery] 요소 내용 삭제/비우기 - remove(), empty() (0) | 2017.01.04 |
| [jQuery] 기존의 요소 변경 - replaceAll(), replaceWith() (0) | 2017.01.04 |
| [jQuery] 요소 삽입/이동 - insertBefore(), insertAfter(), prependTo(), appendTo() (1) | 2017.01.04 |
리딩리드