Jquery란?
2006년 존 레식(JohnResig)이 최초로 출시하였고, jQuery는 클라이언트 측 HTML 스크립팅을
간소화하기 위해 고안된 크로스 플랫폼
자바스크립트 라이브러리다.
jQuery는 오늘날 가장 인기 있는 자바스크립트 라이브러리이며 웹 상에서 가장 트래픽이 많은
상위 천만 개의 사이트 중 65%에서 사용 중입니다.
jQuery는 MIT 라이선스로 배포되는 무료 오픈소스 소프트웨어입니다.
javascript의 역사와 Jquery 탄생배경
Web2.0시대가 열리고 Ajax 기술이 주목받기 시작하면서 자바스크립트의 중요성이 날로
높아져갔다. 그 이후로 javascript 의 라이브러리 들이 생겨나기 시작하였고 Jquery도 그중 하나다.
조금더 알고 싶다면 Jquery역사 더보기를 참고하시기 바란다.
Jquery장점은?
- 오픈소스이다.
- 수만은 커뮤니티를 가지고 있다(문서자료도...).
- 수만은 플러그인이 존재한다.
- 전세계에서 많이(약70%) 사용한다.
Jquery철학
Write less, do more(적게 작성하고, 보다 많이 한다.) 이 철학은 3가지 개념으로 나누어 질 수 있다.
- 몇몇요소를 찾아서 작업을 수행한다.
//모든 div를 숨긴다.
$("div").hide();
//모든 div 내부 텍스트를 변경한다.
$("div").text('aaa');
//모든 div에 sss라는 클래스를 추가한다.
$("div").addClass('sss')
//모든 div를 나타낸다.
$("div").show();- 요소의 집합에 대한 여러 Jquery메서드를 체인으로 연결한다.
//체인을 사용하여 변경가능
$("div").hide().text('aaa').addClass('sss').show();- Jquery 래퍼와 암시적인 반복을 사용한다.
<div></div>
<div></div>
<div></div>
<div></div>
//모든 div를 숨김
$("div").hide()
//내부적으로 루프가 실행된다는 사실을 명심하도록하자
$(div).each(function(){
//암시적반복
})Jquery사용방법?
Jquery의 사용방법은 공식사이트를 통해 다운로드 받거나 CDN(Contents Delivery Network)을통해 사용가능하다.
//CDN을 통해서도 사용이 가능하고, 다운로드를 해서도 사용이 가능하다.
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<div id='asd'><div>
//사용방법은 돔에 직접 접근하여 변경한다.
$("#asd").text("변진환"); 마치며...
그럼에도 jQuery 창시자인 존 레식조차 다음과 같은 말을 트위터에서 언급한 적이 있다고 한다.
Sad this needs to be said but jQuery doesn't 'replace' JS, it papers over the DOM.
jQuery's success is proof of the failings of the DOM API.
***슬프게도 jQuery는 자바스크립트를 대체하지 못한다.jQuery의 성공은 DOM API의 실패를 증명한다.***
angularjs, vue.js, react등이 나오면서 Jquery를 쓰지말아야 한다는 글도 많이들 올라오고 있다. 하지만 그것보다도 자신의 상황에 맞게 잘 사용하면 좋을 것이다.
- 참고링크 및 자료