[삽잡이::Javascript] 요소를 찾아야 jQuery를 씹어먹지~

jQuery에 대한 설명입니다.

(출처_ http://www.w3schools.com/jquery/jquery_intro.asp)

영어를 다들 잘 하실 것이라 믿습니다. 하하...

뭐 보이시는것과 같이 JavaScript의 라이브러리이구요,

기존의 JavaScript를 사용할때에 비해 

쉽고 간편하게 사용하도록 도와주는 고마운 녀석입니다.

JavaScript보다 쉽게 프로그래밍 할 수 있고,  더욱 역동적인 인터페이스를 제공해주는 라이브러리가 바로 jQuery라는 것이군!

  

HTML에는 여러가지의 Tag들이 있습니다.

(굳이 외우우셔도 되지만, 이것 저것 건드리다보면 자연스레 익혀질 것입니다.)

아무튼, 이 Tag들은 각각 맡고있는 기능들이 있지요.

이때, 이 Tag라는 요소들을 쉽게 제어할 수 있는 기능을 제공해주는 친구가

JavaScript 라이브러리인 jQuery라는 것입니다.

굉장히 좋은 친구입니다.

비교적 적은 양을 공부하더라도 활용도는 무긍무진하거든요. 

사실 사용하기 쉬운만큼 내부에서는 아주 난리가 나겠지요...

마치 백조와 같이 말입니다!

(출처_ http://blog.sk.com/717)

아무튼... 지금은 jQuery의 성능에 대해서 말하려는 것이 아니니깐요!

다시 본론으로 돌아와서...

HTML의 요소들을 탐색하여 제어하는데 강력한 도구인 jQuery를 사용하기 위해서는

우선, HTML의 요소를 찾을 수 있어야합니다.

이런 코드가 있다고 가정해보겠습니다.

 별로 많지도 않은 코드지만, 

HTML의 요소들을 찾기 위해서는 어떻게 해야할까요?

요소들을 찾아야지 

뭔가 제어를 하고 화면에 나타내줄 수 있지 않겠습니까!?

jQuery에서는 다양한 셀렉터들을 제공해주고 있습니다.

Tag의 id라던지, class 명, name 심지어는 자식, 부모 요소를 사용하는 등등!

$("#블라블라"), $(".블라블라") ....

자세한 내용은 jQuery 홈페이지에서 살펴보시길 바랍니다. 

 

(출처_ http://api.jquery.com/category/selectors/)