Day55_230316_JS, jQuery(선택자)

저번시간에 했던 자동차 견적 실습

(html + css + js)

오늘 강사님 설명을 들었다.

 

 

 

html

 

 

 

 

CSS

 

 

 

 

JS

 

강사님 설명 들으면

리팩토링 하는 느낌이랄까?

난 구현하긴 하는데 내 코드가 맘에 안든다.

오늘 설명은 매우 인상깊었음ㅎㅎ

 

 

 

 

선택자 사용방식도 여러가지 사용할 수 있고

 

className으로 선택한 후에

for문을 사용하면 코드가 훨씬 간결!

 

 

 

함수도 this를 사용하면 하나만 만들어 공통 사용할 수 있다!

 

 

 

 

inline으로 js 작성하는 방법도 배웠다.

 

 

 

 

 

 

---

 

jQuery

 

 

 

제이쿼리 사이트에 들어가서 파일을 저장했다.

그런데 이렇게 하지 않고 link 사용하는 방법도 있었다.

다운로드 필수 아님 ㅎㅎ

 

 

 

 

 

파일로 연결하는 방법

 

 

 

 

기존에 이렇게 DOM 선택했다면

 

jQuery로 선택하는 방식 (매우 간편)

 

 

 

이런식으로 css 성질 줄 수 있다.

 

 

 

 

 

window.onload와 같은 방식으로 제이쿼리는 이렇게 사용하며

script를 맨아래로 내리면 ready 사용하지 않아도 된다.

 

 

 

 

제이쿼리 사용방식 3가지 정리

 

 

 

 

 

src로 연결하는 방법이 훨씬 간편하다!

 

 

 

 

다양한 선택자를 배워보았다.

 

 

 

 

 

태그명으로 선택하는 방법

 

 

 

 

 

 

필터선택자 사용

 

 

 

 

다중설정방법

(체이닝기법 또는 json 방식으로 객체 전달하면 편리하다.)

 

 

 

 

알록달록 ㅎ.ㅎ

 

 

 

 

even, odd, nth-child, slice 등도 사용해봄!

 

 

 

.children

.next

.prev

 

 

 

 

 

 

.has

.not