javascript(123)
-
배열과 객체의 사용- 07.html
배열과 객체의 사용 객체를 최소로 만들고, 배열의 객체에 접근해서 동적으로 배열 요소 추가 학습내용 자바에는 없는 형태 패턴이 바뀔 경우 소스 코드 //빈 객체 생성 var students = []; //객체를 배열에 저장 students.push( { name:'홍길동', korean:90, math:70, english:89, science:80 } ); students.push( { name:'이순신', korean:95, math:79, english:78, science:87 } ); students.push( { name:'유관순', korean:100, math:96, english:67, science:67 } ); students.push( { name:'일지매', korean:89, m..
-
속성 제거- 06.html
속성 제거 객체의 프로퍼티를 delete연산자를 이용해 즉시 제거할 수 있습니다. delete연산자는 객체의 프로퍼티를 삭제할 뿐, 객체 자체를 삭제하지는 못합니다. delete(student.취미); 소스 코드 //빈 객체 생성 var student = {}; //객체에 속성 추가 student.name = '홍길동'; student.hobby = '피아노'; student.specialty = '자바'; student.willjob = '프로그래머'; document.write(' ==================================== '); //객체의 메소드 추가 student.toString = function(){ //속성의 명세 호출하기 var msg = ''; for(var key..
-
후손 선택자- 08.html
후손 선택자 자식 선택자 vs 후손 선택자 여러 태그 선택,$('h1, p')자식 선택자>$('body > div')후손 선택자 $('body div') 소스코드 소스코드 //후손 선택자 $('body div').css('border', '5px solid orange')
-
자식선택자- 07.html
자식선택자 소스코드 소스코드 //자식 선택자 //태그의 자식(직계자식)으로 범위 한정 $('body > div').css('border', '5px solid orange')
-
javascript file 생성
Project Explorer내 위치 선택 > 마우스 우클릭 > New > Other... JavaScript - JavaScrpt Source File Next File name작성(app.js) Finish
-
태그선택자와 클래스선택자 연결- 06.html
태그선택자와 클래스선택자 연결 소스코드 Header-0 Header-1 Header-2 Item-0 소스코드 $('.item').css('color', 'orange'); $('h1.item').css('background', 'red'); 소스코드 $('.item').css('color', 'orange'); $('h1.item').css('background', 'red'); $('h1.item.select').css('background', 'yellow');