JQuery/되새김질 썸네일형 리스트형 상위 하위 또는 부모 자식 관계 활용 $(document).ready(function(){ $("h2").html("dom 객체의 계층 구조 이해"); $("table:eq(1) td:eq(0)").css("text-align","right"); 두번째 테이블의 첫번째 td >> 상하관계 var len =$("table:eq(0) td").length; 첫번째 테이블의 모든 td >> 상하관계 $("table:eq(0) td").eq(len-1).css("background-color","yellow"); 첫번째 테이블의 마지막 td >> 상하관계 $("table:eq(1) tr:eq(2)").click(function(){ 두번째 테이블의 세번째 tr >> 상하관계 alert("경고!"); }); }); 더보기 이클립스에서의 JQuery(3) ★DOM : document object model 접근방법 : $("dom tag") dom tag 자리에는 태그 자체, #아이디, .클래스, [속성=속성값] 을 쓸 수 있다. $(객체).eq(index번호) : 같은 tag가 2개 이상일 경우 dom객체를 구분 ★$("[속성=속성값]").val("새로운 value값"); 접근방법 바꿀내용 ex)$("[name=id]").val("good man"); ★$(document).ready(); -> html의 모든 dom 객체를 메모리에 로딩한 상황에서 처리하겠다는 의미 ★setTimeout(param1, param2) param2의 시간 후(1/1000) param1의 함수를 수행한다. 설정 후 clearTimeout(set01)로 자원을 해제해줘야함. .. 더보기 이클립스에서의 JQuery(2) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 Insert title here 멤버1 아이디 패스워드 이름 멤버2 아이디 패스워드 이름 로그인 아이디 패스워드 var lb = document.querySelector("#lb"); lb.onclick=function(){ //alert("로그인"); var a = document.querySelector("#a").value; var p = document... 더보기 이클립스에서의 JQuery (1) 1 2 3 4 cs 이렇게 쓴 것을 바디에서 1 이름은 입니다. cs 이런 형태로 불러올 수 있다. 더보기 이전 1 다음