Eveningstar

jQuery 속성 선택자 1) 선택자 사용법 선택자 형태 설명 요소[속성]속성값을 가지는 문서 객체를 선택합니다. 요소[속성=값] 속성과 값이 같은 문서 객체를 선택합니다. 요소[속성|=값] 속성 안의 값이 특정 값과 같은 문서 객체를 선택합니다. 요소[속성~=값] 속성 안의 값이 특정 값을 단어로 시작하는 문서 객체를 선택합니다. 요소[속성^=값] 속성 안의 값이 특정 값으로 시작하는 문서 객체를 선택합니다. 요소[속성$=값] 속성 안의 값이 특정 값으로 끝나는 문서 객체를 선택합니다. 요소[속성*=값] 속성 안의 값이 특정 값을 포함하는 문서 객체를 선택합니다. 2) 속성선택자 사용시 쌍따옴표(double quotes)와 홑따옴표(single quotes) 사용법 - 홑따옴표를 바깥쪽에 썼을때, 쌍따..

$(document).ready $(document).ready(function(){ }); -> 문서가 준비되면 매개변수로 넣은 콜백 함수를 실행하라는 뜻- 제이쿼리 이벤트 메서드 중 하나 $(document).ready() 와 비슷한 기능을 하는 이벤트 -> window.load이벤트 window.onload = function(){ } - 고전 이벤트는 한번에 하나만 연결할 수있으나 jqurey 이벤트는 여러개의 함수를 연결할 수 있다. https://jsfiddle.net/6poe76mn/ - 축약형태 $(document).ready(function(){ }); = $(function(){ }); 1. 전체 선택자 $('*') - html 페이지의 모든 문서 객체를 선택하는 선택자 2. 태그 선택..

jquery 1. jQuery와 $ window.jQuery = window.$ = jQuery; 2. 기본 선택자 $(선택자).메서드(); $('p').css('color', 'yellow'); 전체선택자 $(*) 태그선택자 $('태그') 아이디 선택자 $('#아이디명') 클래스 선택자 $('.클래스명') 자손 선택자 $('body > * ') 후손 선택자 $('요소a 요소b') https://jsfiddle.net/jywoo/70s60ks0/ 속성 선택자 선택자 형태 설명 요소[속성=값] 속성과 값이 같은 문서 객체를 선택합니다 요소[속성|=값] 속성 안의 값이 특정 값과 같은 문서 객체를 선택합니다. 요소[속성~=값] 속성 안의 값이 특정 값을 단어로 시작하는 문서 객체를 선택합니다. 요소[속성^=..