not set

http://api.jquery.com/focus-selector/ select menu a div 본문 출처 : 모던 웹을 위한 Javascript 입문 및 jQuery입문

선택자 형태 설명 요소[속성] 특정 속성을 가지고 있는 문서 객체를 선택한다. 요소[속성=값] 속성 안의 값이 특정 값과 같은 문서 객체를 선택한다. 요소[속성~=값] 속성 안의 값이 특정 값을 단어로서 포함하는 문서 객체를 선택한다. 요소[속성^=값] 속성 안의 값이 특정 값으로 시작하는 문서 객체를 선택한다. 요소[속성$=값] 속성 안의 값이 특정 값으로 끝나는 문서 객체를 선택한다. 요소[속성*=값] 속성 안의 값이 특정 값을 포함하는 문서 객체를 선택한다. 속성 선택자는 입력 양식과 관련된 태그를 선택할 때 많이 사용된다. input 태그를 가진 객체의 타입이 'text'인 속성의 val를 'Hello jQeury..!' 로 지정하라 라는 예제 선택자 형태 설명 요소:button input 태그중..

자식 선택자 예제 Apple Bag Cat Dog Elephant 자식 선택자를 사용하면 div 테그에만 스타일이 적용 된다. 후손 선택자 예제 후손 선택자를 사용하면 body 테그의 후손에 모두 스타일이 적용된다. 본문 출처 : 모던 웹을 위한 Javascript 입문 및 jQuery입문

Header-0 Header-1 Header-2 위의 ready 메서드안의 스타일을 해석 해 보면 item 이라는 아이의 color를 orange로 h1.item 이라는 아이의 백그라운드 속성을 red로 바꾸라는 얘기 이다. Header-0 Header-1 Header-2 item 과 select를 모두 가지고 있는 문서 객체에 스타일을 적용하라. 매우 쉽죠~잉 본문 출처 : 모던 웹을 위한 Javascript 입문 및 jQuery입문

jQuery ('h1').css('color','red'); ------ ---- ----------------- jQuery, 선택자, 메서드 jQuery에서 가장 기본적인 형태이며, 선택자는 jQuery에서 가장 중요한 역할을 한다. CSS의 선택자와 비슷한 형태를 가짐. - 전체 선택자 * 를 전체 선택자라고 부르며 red color test 위의 소스를 실행후에 요소 검사를 해보면 html, head, title, body 테그 까지 모두 스타일이 적용된 것을 알 수 있다. 위와 같이 태그 2개로도 활용 될 수도 있다. 아이디 선택자로도 사용 될 수 있다. Header-0 Header-1 Header-2 위의 소스를 실행해 보면 target 에 해당 되는 부분의 태그에 스타일을 적용할 수 있다. ..

jQuery 에서 위와 같은 코드는 window.onload 와 같은 이벤트를 수행한다. 차이점은 window.onload 는 페이지가 로딩 될때 딱 한번 수행되는 반면에 jquery에서 ready 메서드는 여러번 수행 될 수 있으며 여러개의 함수를 연결 할 수 있다. 본문 출처 : 모던 웹을 위한 Javascript 입문 및 jQuery입문