제이쿼리 플러그인

 

- 제이쿼리를 모아놓았다고 볼 수 있음

- 관련 사이트 : htmldrive.net

- 관련 사이트 : bestjquery.com

 

제이쿼리 플러그인 연동

 

제이쿼리 ui 플러그인 활용

jqueryui.com : 사용자 환경(ui) 개 발에 매우 유용한 메서드 제공

- 테마 - 갤러리 - 원하는거 찾아서 버전 1.12.1 확인하고 다운 - 압출풀기 -  js폴더에 붙여넣기

 

<예제 - draggable>

 

- jquery-ui.js가 플러그인

 

<예제>

 

 

bxSlider 플러그인 활용

 

 

- 파일을 작업중인 js폴더로 붙여넣기

- css파일도 css폴더에 붙여넣기

 

bxSlider 옵션 종류

 

슬라이드 제어 메서드와 종류

 

 

<예제>

 

 

jquery-cookie 플러그인

- 간편하게 쿠키 생성하고 쿠키 만료일 설정 가능한 플러그인

- https://cdnjs.com/에서 ‘jquery-cookie’ 검색

- 1.4.1 url복사, 새창에서 열고 저장한 다음 js폴더 안에 붙여넣기

 

jquery-cookie 메서드

 

<예제>

 

 

플러그인 직접 제작하기

플러그인 제작을 위한 $.fn.extend()메서드

 

- 1번 처럼 확장 함수명 안에 써도 되고, 2번 처럼 바로 써도 됨

 

 

- 이벤트가 발생되면 매개변수로 보낸 메세지를 출력시킴

 

<예제>