JQuery 편집하기 (부분)

== 특징 ==

=== 핵심 철학 ===

jQuery의 핵심 철학은 '''간결함'''과 '''직관성'''이다. 복잡한 자바스크립트 코드를 '''단 몇 줄'''로 줄여주는 것이 가장 큰 특징이다.

<syntaxhighlight lang="javascript">
// 순수 자바스크립트로 모든 div 요소를 숨기기
var divElements = document.getElementsByTagName('div');
for (var i = 0; i < divElements.length; i++) {
    divElements[i].style.display = 'none';
}

// jQuery로 모든 div 요소를 숨기기
$('div').hide();
</syntaxhighlight>

=== CSS 스타일 셀렉터 ===

jQuery는 '''[[CSS]] 셀렉터 문법'''을 그대로 사용한다. CSS를 알고 있다면 jQuery 셀렉터도 자연스럽게 사용할 수 있다. <code>$('#myId')</code>는 CSS의 <code>#myId</code>와 동일하고, <code>$('.myClass')</code>는 CSS의 <code>.myClass</code>와 동일하다. 심지어 <code>$('input[type="text"]')</code> 같은 속성 셀렉터도 그대로 사용할 수 있다.

=== 메소드 체이닝 ===

jQuery의 '''메소드 체이닝'''은 코드를 더욱 간결하고 읽기 쉽게 만들어준다.

<syntaxhighlight lang="javascript">
$('#myDiv')
    .addClass('highlight')
    .fadeIn(500)
    .delay(2000)
    .fadeOut(500);
</syntaxhighlight>

=== 크로스 브라우저 호환성 ===

jQuery의 가장 큰 장점 중 하나는 '''완벽한 크로스 브라우저 호환성'''이다. [[Internet Explorer 6]]부터 최신 브라우저까지 동일한 코드로 동작한다. 당시에는 이것이 '''혁명적'''이었다.

=== 플러그인 생태계 ===

jQuery는 풍부한 '''플러그인 생태계'''를 갖고 있다. [[jQuery UI]], jQuery Mobile을 비롯해 수천 개의 써드파티 플러그인들이 존재한다.