jQuery

오늘은 jQuery에 대해서 알아볼게요!

jQuery 란 무엇일까요...?

jQuery는 자바스크립트 라이브러리 입니다. 

훨씬 작은 코드로 많은 것들을 할 수 있게 할 수 있는 라이브러리라고 할 수 있습니다.

그럼 어떻게 사용하는 건지 알아보도록 할께요!

예를들어

$('#value1').hide();

라는 코드를 해석해보면

id속성이 value1인 요소가 숨겨지게 됩니다.

jQuery를 단순하게 생각해보면 '어떠한 요소를 가져와서' 그것에 '무언가를 하기' 로 요약할 수 있습니다.

그래서 같은페이지 내에

<p id="value1">Contents</p> 

라는 코드가 있으면 숨겨지게 됩니다.

이렇게 jQuery는 어떠한 요소를 가져와서 무언가를 하는 것이 제이쿼리의 기본적인 작동 원리입니다.

제이쿼리를 보면 항상 $ 표시가 등장하는데요...

$('') 로 표시된 것은 HTML의 요소들 중 하나를 객체화 한 것으로 어떠한 요소를 가져오는 것이며,

어떠한 요소는 css selector 라는 것을 사용해서 정합니다.

가져올 요소(jQuery 객체)를 정했으면 그 뒤에 . 을 찍고 기능을 작성하면 됩니다.

$('#value1').show();                   //표시하기

$('#value2').fadeIn();                 //fadeIn시키기

$('#value3').slideDown();           //slide animation 으로 나타내기

$('#value4').css({'border','1px solid red'});     //1px 붉은 테두리 적용

$('#value5').remove();             //삭제하기

그럼 이만 기본적인 설명은 마치고 다음에서 코딩하면서 더 자세히 알아보도록 하겠습니다.