공학도의 잡다한 시선

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

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