jQuery ์ด๋ฒคํŠธ ๋“ฑ๋ก, ์‚ญ์ œ
ยท
Front-End/jQuery
jQuery ์—์„œ๋Š” ์ด๋ฒคํŠธ๋ฅผ ๋“ฑ๋กํ•˜๊ณ  ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋‹ค. jQuery์—์„œ ์‚ฌ์šฉ๋˜๋Š” ์ด๋ฒคํŠธ๋Š” ์ข…๋ฅ˜๊ฐ€ ๊ต‰์žฅํžˆ ๋งŽ๋‹ค. ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ๋ช‡๊ฐ€์ง€ ์ด ์™ธ์— ๋‹ค๋ฅธ ์ด๋ฒคํŠธ๋ฅผ ์•Œ๊ณ ์‹ถ๋‹ค๋ฉด API ์‚ฌ์ดํŠธ ์—์„œ events ์นดํ…Œ๊ณ ๋ฆฌ๋ฅผ ์ฐธ๊ณ ํ•˜๋ฉด ๋œ๋‹ค. ' ์ด๋ฒคํŠธ ๋“ฑ๋ก ' ์ด๋ฒคํŠธ ๋“ฑ๋ก ๋ฐฉ๋ฒ• 1. $(selector).์ถ”๊ฐ€ํ• ์ด๋ฒคํŠธ(์‹คํ–‰ํ• ํ•จ์ˆ˜) 2. $(selector).on("์ถ”๊ฐ€ํ•  ์ด๋ฒคํŠธ",์‹คํ–‰ํ•  ํ•จ์ˆ˜) 1. $(selector).click(function(){}); .click() : ์ถ”๊ฐ€ํ•  ์ด๋ฒคํŠธ function(){} : ์ด๋ฒคํŠธ๊ฐ€ ์‹คํ–‰๋˜๋ฉด ์‹คํ–‰ํ•  ํ•จ์ˆ˜ //hover = mouseenter + mouseleave $("#overzone").hover( function(){ $(this).css({"background-color"..