1. 문서객체 설정each 메소드 배열을 관리하는 for in문과 비슷한 메소드로 객체나 배열의 요소를 검사하는 메소드index : 객체, 배열의 순번item : 값을 보관하는 변수, 배열의 실제 값메소드 내용 $.each(배열이름, function(index,item) { } ) 지정한 배열을 0번부터 자동으로 불러와 순번을 index, 값을 item에 넣는 메소드 $('s').each(function(index,item){ } ) 선택자로 선택한 요소를 index순번으로 item에 요소 값을 수정시 사용하는 메소드 /* 0,1,2,3으로 이름을 설정해 반복문 돌리게 한다. */ .colorBack_0{background-color: yellow;} .colorBack_1{background-color..
1.순회(탐색) 메소드 filtering 메소드-선택자로 지정한 객체를 기준으로 객체 그룹에서 위치를 기준을 객체 선택하는 메소드 메소드 내용 $('s').first() 선택된 요소 중 제일 처음 있는 요소 리턴 $('s').last() 선택된 요소 중 제일 마지막에 있는 요소 리턴 $('s').eq(숫자) 인덱스번호와 일치하는 요소 리턴(0부터 시작함) $('s').filter("검색식 | 선택자") 인자값과 일치하는 요소만 리턴 $('s').not() 인자값과 일치하지 않는 요소만 리턴 filtering 매소드 $().first(); $().last(); $().eq(); $().filter(); $().not(); test1 test2 test3 test4 test5 나는 p야 나는 h1 나는 h1..
제이쿼리란?존레식에 의해 개발된 경량 javascript 라이브러리Write Less, Do More(보다 간단하지만 더 많으것을!)을 모토로 복잡했던 코드를 손쉽게 구현 -DOM과 관련된 처리 쉽게 구현 -일관된 이벤트 연결 쉽게 구현 -시각적 효과 쉽게 구현 -Ajax애플리케이션 쉽게 개발애니메이션 기능, Ajax통신, 이벤트 처리 등 폭넓게 지원jQuery플러그인을 통해 차트작성, 슬라이드쇼, 엑셀같은 테이블도 간단한 코드로 구현가능 jQuery연결CDN(Content Delivery Network)을 통한 연결->온라인으로 js파일을 불러와서 실행src = "http://code.jquery.com/jquery-latest.js" 파일 다운로드 연결(오프라인에서 하는 경우)->jQuery홈페이지에..
이벤트 활용이벤트 속성과 이벤트핸들러(함수)를 연동하여 이벤트 발생시 특정기능을 하도록 하는 것 이벤트 설정방법고전 이벤트 모델표준 이벤트 모델 고전 이벤트 모델요소객체가 가지고 있는 이벤트 속성에 이벤트 핸들러를 연결하는 방법이벤트를 제거할 때는 속성값에 null값을 넣어주면 됨이벤트 발생객체는 핸들러 내부에서 this로 표현 / 스타일변경 가능매개변수로 이벤트 정보전달(e, window.event) ->이벤트객체 전달 예) 클릭시 이벤트설정var h = document.getElementById('id명');h.onclick = function{수행기능 설정;h(this).onclick = null; //한번만 실행}; //고전방식의 이벤트처리 //속성값에 바로 함수(이벤트핸들러) 입력! onload..
BOM(Brower Object Model)이란?window 객체 아래서 크게 BOM과 DOM으로 나뉜다. 보통 홈페이지 창을 하나 띄워놓고 주소창의 부분을 가리킨다고 보면쉽다. BOM안에 존재하는 객체location 객체navigator 객체history 객체screen 객체 window 객체자바스크립트에서 최상위 객체 생성되는 모든 객체가 window객체 하위에 존재, 브라우저 창에 대한 설정하는 객체 window.open('주소', '이름 또는 open방식', '형태'); 형태 옵션 height 윈도우 높이 값 width 윈도우 너비 값 location 주소 입력창 yes | no | 1 | 0 menubar 메뉴 유무 resizable 화면크기 조절 status 상태표시줄 toolbar 툴바표시 ..
객체 선언 / 호출객체는 키값을 사용하여 속성(멤버변수) 식별중괄호를 사용하여 객체생성[ ](대괄호) 또는 .(점)으로 요소의 값에 접근속성에 모든 자료형이 올 수 있음, 그 중 함수 자료형인 요소: 메소드객체 내에서 자신의 속성을 호출할때 반드시 this키워드를 사용객체의 모든 속성을 출력하려면 for in문을 사용해야함. ->단순 for문이나 while문으로 출력불가식별자로 사용할 수 없는 문자(띄어쓰기, 특수문자)를 속성으로 사용할 경우 ' '로 묶어서 선언하고접근시에는 [ ]만 가능 실행 //객체 선언 var Person = { name: '유병승', age: 19, address: "경기도 시흥시", toString: function () { return this.name + this.age +..
자바스크립트에서 함수란소스코드의 집합으로 메소드, 모듈, 기능, 프로시져등 말한다자바스크립트에서는 function 자료형이다.함수는 인자/매개변수, 리턴값을 가질 수 있다. 함수선언반환값 선언없이 function 키워드만 이용하여 사용function키워드 뒤에 함수명을 작성하여 사용하는 방법(선언적 함수)function에 함수명을 작성하지 않고 변수에 대입하는 방법(익명함수)스스로 동작하는 함수(익명함수) -> 이벤트 처리시 사용 선언적함수 - 표기법function 함수명(매개변수){처리 로직[retrun 값;]} 선언적 함수 function 함수명(){ 처리로직 } 실행 function test1(){ alert("test1()함수가 실행"); } test1(); 변수에 함수는 넣어 작성방법(callb..