Development/JavaScript, jQuery, ...(535)
-
배열과 객체의 사용- 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')
-
빈 객체에 속성 추가- 05.html
빈 객체에 속성 추가 소스 코드 //빈 객체 생성 var student = {}; //객체에 속성 추가 student.name = '홍길동'; student.hobby = '피아노'; student.specialty = '자바'; student.willjob = '프로그래머'; //in 키워드를 이용해서 객체내의 속성 존재 여부 체크 document.write( ('specialty' in student) + ' '); document.write(student.specialty + ' '); document.write(' ==================================== '); var output =''; for(var key in student){ output += key + ' : '..
-
객체의 활용- 04.html
객체의 활용 소스 코드 출력결과
-
자식선택자- 07.html
자식선택자 소스코드 소스코드 //자식 선택자 //태그의 자식(직계자식)으로 범위 한정 $('body > div').css('border', '5px solid orange')