본문 바로가기
TIL/jQuery

20220223 생활코딩 jQuery

by VANAV 2022. 2. 24.

https://opentutorials.org/course/53/45

 

jQuery란? - 생활코딩

라이브러리란?(library) 자주 사용하는 코드들을 재사용할 수 있는 형태로 가공해서 프로그래밍 효율을 높여주는 코드들 jQuery란? 엘리먼트를 선택하는 강력한 방법과 선택된 엘리먼트들을 효율적

opentutorials.org

https://youtu.be/EQ48ZpnN3ug

 

 

 

++ 참고

 

* jQuery 선택자 강의(4강)에서 언급 (jQuery 공식 사이트)
  - https://api.jquery.com/

 

jQuery API Documentation

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new t

api.jquery.com

이 API들을 전부 외울 수는 없지만 어떠한 기능이 있었는지 알아두고 적용하는 과정에서 고급 프로그래머가 되어간다!

 

5강

* attr = attribute ('속성' 이라는 뜻) 의 약자

* 제이쿼리의 모든 메소드들은 리턴값으로 래퍼를 리턴한다.

* end() 메소드 - 마지막으로 사용한 트레버스를 취소하게 됨

 

 

Traversing | jQuery API Documentation

Create a new jQuery object with elements added to the set of matched elements. Add the previous set of elements on the stack to the current set, optionally filtered by a selector. Add the previous set of elements on the stack to the current set. Get the ch

api.jquery.com

트레버싱과 관련된 여러가지 jQuery 메소드들 정리되어 있음

 

 

http://gaja79.com/link/fow-mh1004.html

 

gaja79.com

여러가지 기술과 관련된 튜토리얼 기재되어 있음

 

 

 

6강

* unbind = 어떤 엘리먼트에 설치되어 있는 이벤트를 제거할 때 (어떤 이벤트 타입의 어떤 이벤트 핸들러를 삭제할지 정확히 지정해줘야 한다.)

* 이벤트 'ready'

= 브라우저는 위에서 아래로 읽는다. 보통 스크립트가 body 보다 위에 있기 때문에 script를 먼저 읽게 되고 이에 아이디나 클래스가 선언되지 않은 상태로 스크립트를 해석해 오류가 날 가능성이 있다. 이에 'ready' 이벤트를 사용해줘서 body가 먼저 로드 된 다음에 스크립트를 해석하도록 해주는 것.

* 익명함수를 사용하는 경우 = 함수를 재활용 하지 않아도 될 때

* 보다 많이 사용하는 방식은 이벤트 헬퍼 방식!

* ready 대신 live / die (unbind 대신) 를 사용할 수 있다.

 

 

Events | jQuery API Documentation

Attach a handler to an event for the elements. Bind an event handler to the “blur” JavaScript event, or trigger that event on an element. Bind an event handler to the “change” JavaScript event, or trigger that event on an element. Bind an event han

api.jquery.com

 

 

 

8강

 

Forms | jQuery API Documentation

Bind an event handler to the “blur” JavaScript event, or trigger that event on an element. Bind an event handler to the “change” JavaScript event, or trigger that event on an element. Bind an event handler to the “focus” JavaScript event, or tr

api.jquery.com

e.target = this 랑 동일

val() = element 의 value 값을 리턴

'return true' = 이벤트 핸들러에서 이벤트가 리턴하는 값이 true면 이벤트는 원래 작동되는 방식으로 작동함

'return false' = 이벤트 핸들러에서 이벤트가 리턴하는 값이 false면 이벤트는 작동하지 않음

 

 

 

9강

탐색 = 트레버싱(같은 말)

 

Traversing | jQuery API Documentation

Create a new jQuery object with elements added to the set of matched elements. Add the previous set of elements on the stack to the current set, optionally filtered by a selector. Add the previous set of elements on the stack to the current set. Get the ch

api.jquery.com

 

 

 

11강

자바스크립트에서의 중괄호 = '객체' 의미

댓글