๋ณธ๋ฌธ์œผ๋กœ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

https://releases.jquery.com/

 

jQuery CDN

jQuery CDN – Latest Stable Versions jQuery Core Showing the latest stable release in each major branch. See all versions of jQuery Core. jQuery 3.x jQuery 2.x jQuery 1.x jQuery Migrate jQuery UI Showing the latest stable release for the current and legac

releases.jquery.com

 

jQuery

jQuery = DOM ์กฐ์ž‘/์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ ๊ธฐ๋ณธ๊ธฐ


 

1. ํ˜„๊ธฐ์ค€ jQuery ์ตœ์‹  ์Šฌ๋ฆผ ์ตœ์†Œํ™” ๋ฒ„์ „

<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" 
integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" 
crossorigin="anonymous"></script>

 

2. jQuery UI ์Šฌ๋ฆผ, ์ตœ์†Œํ™” ๋ฒ„์ „

<script src="https://code.jquery.com/ui/1.14.1/jquery-ui.min.js" 
integrity="sha256-AlTido85uXPlSyyaZNsjJXeCs07eSv3r43kyCVc8ChI=" 
crossorigin="anonymous"></script>

 


jQuery UI๋ž€?

jQuery UI๋Š” jQuery ์œ„์—์„œ ๋™์ž‘ํ•˜๋Š” UI(์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค) ์ปดํฌ๋„ŒํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

๋ง ๊ทธ๋Œ€๋กœ, ์›น์—์„œ ์ž์ฃผ ์“ฐ๋Š” ์œ„์ ฏ·์ธํ„ฐ๋ž™์…˜·ํšจ๊ณผ๋ฅผ ์‰ฝ๊ฒŒ ๋ถ™์ผ ์ˆ˜ ์žˆ๋„๋ก ๋งŒ๋“ค์–ด๋†“์€ ํŒจํ‚ค์ง€์ด๋‹ค.

 

์ฃผ์š” ๊ธฐ๋Šฅ

  1. ์œ„์ ฏ(Widgets)
    • Datepicker (๋‹ฌ๋ ฅ)
    • Dialog (ํŒ์—…์ฐฝ)
    • Autocomplete (์ž๋™์™„์„ฑ)
    • Tabs (ํƒญ ๋ฉ”๋‰ด)
    • Accordion (์•„์ฝ”๋””์–ธ ๋ฉ”๋‰ด)
    • Progressbar (์ง„ํ–‰๋ฐ”)
  2. ์ธํ„ฐ๋ž™์…˜(Interactions)
    • Draggable (๋“œ๋ž˜๊ทธ ๊ฐ€๋Šฅ)
    • Droppable (๋“œ๋ž˜๊ทธ ์•ค ๋“œ๋กญ)
    • Resizable (ํฌ๊ธฐ ์กฐ์ ˆ ๊ฐ€๋Šฅ)
    • Selectable (๋งˆ์šฐ์Šค๋กœ ์„ ํƒ ๊ฐ€๋Šฅ)
    • Sortable (๋ฆฌ์ŠคํŠธ ์ •๋ ฌ ๊ฐ€๋Šฅ)
  3. ํšจ๊ณผ(Effects)
    • show/hide ์• ๋‹ˆ๋ฉ”์ด์…˜
    • bounce, explode ๊ฐ™์€ ์‹œ๊ฐ ํšจ๊ณผ
๋ฐ˜์‘ํ˜•