공학도의 잡다한 시선

[jQuery] 제이쿼리 선택자 사용예시들 #두 번째 오늘은 어제와 이어서 제이쿼리의 선택자들을 사용하는 방법예제들을 살펴봅니다. 그룹선택자를 사용해서 아이디와 태그를 선택한 모습입니다. 즉 위와 같이 여러개의 요소를 선택하는데에는 그룹선택자가 아주 제격입니다. 체이닝 기법은 계속해서 사용하고 있는 모습을 확인하세요. 체이닝 기법이 무엇인지 기억이안나신다고요? 이전 글(선택자)을 꼭 참고하세요! 다음으로는 바로 종속 선택자입니다. 위는 사용예시인데 자세히 보시면 tit 클래스가 2개지만 h1요소 이면서 클래스명이 tit인 녀석만 선택이 된 것을 확인할 수 있습니다. 그리고 중간에 공백이없습니다. 하위 선택자는 공백이 있으니 이를 꼭 명확하게 기억하셔야합니다. 이번에는 인접관계선택자에서 위에보이는 것은 부..

[jQuery] 제이쿼리 선택자 사용예시들 제이쿼리에서 제공하는 아주 멋있는 선택자의 사용예시들을 한 번 살펴보도록 하겠습니다.선택자 제이쿼리에서는 선택자를 사용해서 동적으로 스타일을 변경하여 적용할 수 있습니다. 즉 HTML태그에 있는 문서객체모델(html,body,head) 기능과 속성 등을 활용할 수 있습니다. 문서객체에서 모든 태그는 객체라고 부르게됩니다. 태그(기능,속성) 입니다. 위에서 빨간 네모를 제거하고 사용하게되면 스크립트가 먼저호출 된 뒤에 body가 호출되어 h1생성되기 때문에 제대로된 객체를 선택할 수 없습니다. 그렇기 때문에 $(function(){})으로 감싸서 코드를 작성합니다. 또는 $(document).ready(function(){}); 이런 방식으로 사용을 해주어야합니다..

[jQuery] 제이쿼리 기본개념, 사용환경만들기 jQuery(제이쿼리)는 자바스크립트로 만들어진 라이브러리 언어로 자바스크립트에서 발생하던 호환성문제(크로스 브라우징)를 해결할 수 있으며, 여러가지 불편한 점들을 개선하였기에 사용이 편리하고, 애니메이션 효과 등의 구현이 자바스크립트로는 어려웠지만 쉽게 해주는 아주 편리한 라이브러리입니다. 장점 중에 하나는 CSS의 적용이 가능하고 DOM을 쉽게 할 수 있다는 것 입니다. DOM조작이란 html에서 지정한 ID를 사용해 기능을 추가하는 등의 작업을 가리킵니다. 또한 버그가 별로없으면 여러 사용자를 보유하고 있으므로 커뮤니티에서 활발하게 좋은 개발관련 정보들이 나오고 있습니다. 그리고 제이쿼리에 없는 기능은 플러그인을 추가하여 사용할 수 있습니다. 예로는..