유블로그

Window 객체는 웹 브라우저에서 작동하는 자바스크립트의 최상위 전역객체 윈도우 객체는 브라우저와 관련된 여러 객체와 속성, 함수가 있다. document.~~ 할 때 쓰는 document 객체도 window 객체가 가지고 있는 객체이다. alert(), confirm(), prompt() 모두 window객체를 사용하는 것 window.open(파일경로, 윈도우이름, 'width, height') 으로 새 창 열 수 있다.

1. form 태그 내에 함수 return 값 주기 확인 2. form 태그 내에 id 주고 script 내에서 .addEventListener과 이벤트객체 e 사용 확인

a 태그를 클릭했을 때 href 로 링크이동을 막는 예시로 하겠다. 1. onclick 에 return false 링크 2 2. onclick에서 return 함수; 하고 함수에서 return false 링크 3 3. window가 가지고있던 이벤트객체로 .preventDefault() 함수 호출 링크 4 4. id를 사용하여 addEventListener과 이벤트 객체 e 사용 링크 5

선택자로 탐색한 DOM 객체는 래퍼세트라는 배열 객체로 반환된다. 아래는 그 객체를 처리하는 method들이다. 메소드 반환값 설명 size() 요소 개수 래퍼세트 요소 개수 반환 get(index) DOM 요소 인덱스 번호에 위치하는 DOM객체 반환 index(element) 인덱스 번호 해당 요소의 인덱스 번호 반환 add(expr) 래퍼세트 expr 로 명시한 요소 래퍼세트에 추가 not(expr) 래퍼세트 expr 로 명시한 요소 래퍼세트에서 제거 each(function(index, element) 이전 래퍼세트 래퍼세트의 각 요소마다 function 수행 filter(expr) 래퍼세트 expr에 명시한 요소 필터링 slice(begin, end) 래퍼세트 현재 래퍼세트의 일부분으로 새로운 래..

:button, :checkbox, :password . . . -> 이런식으로 요소별로 있음. 잘 안씀 - 위치기반 필터 선택자 설명 :first 첫 번째 요소 선택 :last 마지막 요소 선택 :first-child 첫 번째 자식 요소 선택 :last-child 마지막 자식 요소 선택 :only-child 형제가 없는 모든 요소 선택 :even 짝수 번째 요소 선택 :odd 홀수 번째 요소 선택 $(document).ready(function() { // #1. 짝수 번째 행 배경색(#ff66ff) $("#domTable tr:even").css("background", "#ff66ff"); // #2. 홀수 번째 행 배경색(#33ffff) $("#domTable tr:odd").css("backgr..

- $(selector[attr]) $(document).ready(function() { $("div > a[target]").css("background", "#ff99ff"); }); div 밑에 있는 a 태그 중 target 속성을 가지는 element 선택 - $(selector[attr="value"]) $(document).ready(function() { $("div > a[href='http://www.naver.com']").css("background", "#00cc33"); }); div 밑에 있는 a 태그 중 href 값이 http://www.naver.com 인 element - $(selector[attr!="value"]) $(document).ready(function() ..

- child selector : 부모 요소의 바로 아래 있는 모든 자식 요소를 찾는다. $(document).ready(function() { $("div > ul").css("background", "#cc66ff"); $("ul.site > li").css("border", "1px solid blue"); }); - descendant selector : 조상 요소의 모든 후손 요소를 찾는다. $(document).ready(function() { $("ul.site2 li").css("color", "pink"); }); - next Adjacent selector : $("prev + next") 일 때 prev 다음으로 나오는 형제 요소 한 개 찾는다. $(document).ready(fun..