[jQuery] STUDY 17 - jQuery 플러그인

PSEveloper ㅣ 2020. 11. 28. 01:42

 

 

 

 

1. jQuery 플러그인(★★)

 

1) jQuery를 기반으로 특정 기능 기능을 제공하기 위한 라이브러리

 

 

2) 자주 사용되는 플러그인

  • jQuery UI 플러그인 (http://jqueryui.com)
  • jQuery Mobile 플러그인 (http://jquerymobile.com)
  • LightBox 플러그인 (http://lokeshdhakar.com/projects/lightbox2)
  • FancyBox 플러그인 (http://fancybox.net)
  • jQuery Validation 플러그인 (https://jqueryvalidation.org)
  • jqGrid 플러그인 (http://www.trirand.com)

 

3) 참고자료

  • jQuery Plugin (https://learn.jquery.com/plugins/)
  • The jQuery Plugin Registry (https://plugins.jquery.com/)
  • Unheap (http://www.unheap.com/)
  • jQuery Plugins (http://jquery-plugins.net/)
  • jQuery 플러그인 개발 (http://www.nextree.co.kr/p9989/)
  • Essential jQuery Plugin Patterns (http://www.smashingmagazine.com/2011/10/essential-jquery-plugin-patterns/)

 

 

2. jQuery 플러그인 사용방법

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Sample</title>
        <script src="https://code.jquery.com/jquery.min.js"></script>
        <script src="https://some.where/jquery-plugin.js"></script>
        <script>
        </script>
    </head>
    <body>
    </body>
</html>

 

 

3. jQuery UI 플러그인

 

1) jQuery UI 플러그인

  • UI와 관련된 기능을 제공하는 jQuery 플러그인
  • 다양한 플러그인들의 묶음
  • http://jqueryui.com/
  • jQuery에서 공식 지정한 플러그인

 

2) jQuery UI 플러그인에서 제공하는 기능

  • 상호작용(Interactions)
  • 위젯(Widgets)
  • 유틸리티(Utilities)
  • 효과(Effects)