경고 : 최신판이 아닙니다. 이 문서의 오래된 판을 편집하고 있습니다. 이것을 저장하면, 이 판 이후로 바뀐 모든 편집이 사라집니다. 로그인하고 있지 않습니다. 편집하면 당신의 IP 주소가 공개적으로 기록됩니다. 계정을 만들고 로그인하면 편집 시 사용자 이름만 보이며, 위키 이용에 여러 가지 편의가 주어집니다.스팸 방지 검사입니다. 이것을 입력하지 마세요!{{소문자}} '''jQuery'''는 [[자바스크립트]]를 좀 더 간결하게 사용할 수 있게 만드는 일종의 전처리기(Preprocessor)이며 자체적으로 독립된 프로그래밍 언어는 아니다. == 특징 == === 브라우저에 의존적이지 않음 === === 간결한 문법 === DOM 자바스크립트는 id 선택자는 <code>document.getElementById('(id명)')</code>, 태그 선택자는 <code>document.getElementsByTagName('(태그명)')</code>등으로 파편화되어 있다. 그러나 jQuery에서는 간단하게 <code>$('(쿼리명)').(명령어)</code>형태로 지정할 수 있다. 예를 들면 div 태그 안에 클릭해서 특정 웹사이트로 연결하는 기능을 추가하고 싶을 땐 바닐라 자바스크립트에서는 <syntaxhighlight lang="javascript"> // 우선 선택하기. ECMA6부터는 document.querySelector('#id-example')으로도 선택 가능. idn = document.getElementById('id-example'); idn.onclick = function () {(동작)}; </syntaxhighlight> 이것을 jQuery에서는 보다 더 간결하게 정의할 수 있다. <syntaxhighlight lang='jquery'> $('#id-example').click(function(){ (동작)}); </syntaxhighlight> == 사용방법 == 우선 [[HTML]] 페이지에서 jQuery를 사용할 때에는 [https://jquery.com/download/ jQuery 다운로드 페이지]에서 직접 자바스크립트 파일을 다운로드 받을 수 있다. 그 다음에 <code><body></code> 태그 아래 안쪽에는 다음과 같은 스크립트를 집어넣는다. <syntaxhighlight lang="XML"> <script type="text/javascript" src="(상대경로)/jquery-3.5.1-min.js"/> </syntaxhighlight> 아니면 다음과 같은 코드를 body 태그 안쪽 맨 아래에 입력해도 상관없다. 다만 이 경우는 인터넷이 연결되지 않으면 jQuery 코드를 사용할 수 없다. <syntaxhighlight lang="XML"> <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"/> </syntaxhighlight> == 미디어위키에서 == [[미디어위키]]는 기본적으로 jQuery를 사용할 수 있다. [[미디어위키:Common.js]]나 사용자 자바스크립트 문서에서도 사용가능하다. 실제로 [[도움말:사용자 자바스크립트]]의 일부 예제들도 jQuery 문법을 사용한 객체들을 볼 수 있다. == jQuery Mobile == jQuery를 활용한 모바일 호환 웹 프레임워크이다. 이쪽은 단순한 전처리기가 아닌 [[부트스트랩]]처럼 [[CSS]] 디자인 기능도 제공하는 종합적인 프레임워크이다. == 참조 == * [https://jquery.com/ jQuery] 홈페이지 * [https://jquerymobile.com/ jQuery Mobile] {{각주}} [[분류:JavaScript]] 요약: 리브레 위키에서의 모든 기여는 크리에이티브 커먼즈 저작자표시-동일조건변경허락 3.0 라이선스로 배포됩니다(자세한 내용에 대해서는 리브레 위키:저작권 문서를 읽어주세요). 만약 여기에 동의하지 않는다면 문서를 저장하지 말아 주세요. 글이 직접 작성되었거나 호환되는 라이선스인지 확인해주세요. 리그베다 위키, 나무위키, 오리위키, 구스위키, 디시위키 및 CCL 미적용 사이트 등에서 글을 가져오실 때는 본인이 문서의 유일한 기여자여야 하고, 만약 본인이 문서의 유일한 기여자라는 증거가 없다면 그 문서는 불시에 삭제될 수 있습니다. 취소 편집 도움말 (새 창에서 열림) | () [] [[]] {{}} {{{}}} · <!-- --> · [[분류:]] · [[파일:]] · [[미디어:]] · #넘겨주기 [[]] · {{ㅊ|}} · <onlyinclude></onlyinclude> · <includeonly></includeonly> · <noinclude></noinclude> · <br /> · <ref></ref> · {{각주}} · {|class="wikitable" · |- · rowspan=""| · colspan=""| · |} {{lang|}} · {{llang||}} · {{인용문|}} · {{인용문2|}} · {{유튜브|}} · {{다음팟|}} · {{니코|}} · {{토막글}} {{삭제|}} · {{특정판삭제|}}(이유를 적지 않을 경우 기각될 가능성이 높습니다. 반드시 이유를 적어주세요.) {{#expr:}} · {{#if:}} · {{#ifeq:}} · {{#iferror:}} · {{#ifexist:}} · {{#switch:}} · {{#time:}} · {{#timel:}} · {{#titleparts:}} __NOTOC__ · __FORCETOC__ · __TOC__ · {{PAGENAME}} · {{SITENAME}} · {{localurl:}} · {{fullurl:}} · {{ns:}} –(대시) ‘’(작은따옴표) “”(큰따옴표) ·(가운뎃점) …(말줄임표) ‽(물음느낌표) 〈〉(홑화살괄호) 《》(겹화살괄호) ± − × ÷ ≈ ≠ ∓ ≤ ≥ ∞ ¬ ¹ ² ³ ⁿ ¼ ½ ¾ § € £ ₩ ¥ ¢ † ‡ • ← → ↔ ‰ °C µ(마이크로) Å °(도) ′(분) ″(초) Α α Β β Γ γ Δ δ Ε ε Ζ ζ Η η Θ θ Ι ι Κ κ Λ λ Μ μ(뮤) Ν ν Ξ ξ Ο ο Π π Ρ ρ Σ σ ς Τ τ Υ υ Φ φ Χ χ Ψ ψ Ω ω · Ά ά Έ έ Ή ή Ί ί Ό ό Ύ ύ Ώ ώ · Ϊ ϊ Ϋ ϋ · ΐ ΰ Æ æ Đ(D with stroke) đ Ð(eth) ð ı Ł ł Ø ø Œ œ ß Þ þ · Á á Ć ć É é Í í Ĺ ĺ Ḿ ḿ Ń ń Ó ó Ŕ ŕ Ś ś Ú ú Ý ý Ź ź · À à È è Ì ì Ǹ ǹ Ò ò Ù ù · İ Ż ż ·  â Ĉ ĉ Ê ê Ĝ ĝ Ĥ ĥ Î î Ĵ ĵ Ô ô Ŝ ŝ Û û · Ä ä Ë ë Ï ï Ö ö Ü ü Ÿ ÿ · ǘ ǜ ǚ ǖ · caron/háček: Ǎ ǎ Č č Ď ď Ě ě Ǐ ǐ Ľ ľ Ň ň Ǒ ǒ Ř ř Š š Ť ť Ǔ ǔ Ž ž · breve: Ă ă Ğ ğ Ŏ ŏ Ŭ ŭ · Ā ā Ē ē Ī ī Ō ō Ū ū · à ã Ñ ñ Õ õ · Å å Ů ů · Ą ą Ę ę · Ç ç Ş ş Ţ ţ · Ő ő Ű ű · Ș ș Ț ț 이 문서에서 사용한 틀: 틀:각주 (원본 보기) (준보호됨)틀:소문자 제목 (원본 보기) (준보호됨)