도도의 IT이야기

우리는 DOM을 사용하므로서 HTML의 element들을 하나의 커다란 tree로본다 맨위에 HTML tag가 있고 그 밑에는 head, body body밑에는 수많은 tag들이 있다. 즉 document(HTML)을 커다란 object로 보는것이다. 그래서 document에서 selector를 사용해 안에있는 속성들을 가지고 올 수 있다. $('.wrapper1'); 우리는 document안에 있는 wrapper1을 선택했다. 만약 wrapper1의 next sibling을 선택하고 싶다면? $('.wrapper1').next(); 이렇게 다음 sibling wrapper2를 선택가능하다. $('.wrapper1').prev();//prev sibling $('.wrapper1').parent();//..

우리는 $('#target');

우리는 jquery를 이용해 js dom을 아주 쉽게 사용할 수 있다. $(document).ready(function(){ }); 위의 코드를 분석해보자 $은 jquery keyword로써 모든 jquery문들은 $로 시작한다. $다음에 parenthesis가 온다. 그리고 이 괄호안에 우리가 select할 것을 두면된다. 여기서 우리는 document(전체 HTML)을 선택했다. 우리는 이제 jquery안에있는 내장 메소드를 사용해 document가 ready가 되면 안에있는 콜백함수 실행된다. 이제 jquery와 vanilla javascript의 차이점을 알아보자. 이 코드를 확인해보자. 첫번째 코드는 getElementById를 사용해 logo를 선택한다. 두번째 코드는 jquery를 사용해 l..