이클립스에서의 JS+query(2)

$(document).ready(function(){ 

DOM 객체를 인식하게 해줌
     1) 프로그램은 위에서 아래로 내려오면서 메모리에 로딩되어 수행되어진다.
     2) 전체 페이지가 로딩된 후 수행하려고 쓰는것임.

 

기능메서드
$("body에 있는 태그").기능메서드()
html(), text(), val(입력값), attr(태그의 기본속성), css(스타일시트 속성), click(함수)

이벤트
click(funtion(){});, change(funtion(){});, keyup, dblclick  등등

 

이벤트 변수 선언 : 

$("이벤트 처리할 DOM객체").on("이벤트명",처리할 함수); 
$("이벤트 처리할 DOM객체").이벤트명(처리할 함수); 

 

$("table").eq(3).html("4번째 테이블");

테이블 추가가 아니라 있는거 덮어쓰는거임. 추가못함

 

 

테이블 추가는 .append();

var prod = {a:"사과",b:"바나나",s:"딸기"}; //제이슨을 이용한 테이블 추가방법 
 
$("#tab01").append("이름"); 
$("#tab01").append(""+prod.a+""); 
$("#tab01").append(""+prod.b+""); 
$("#tab01").append(""+prod.s+"");