$(function(){ $(".btn1").click(function(){ // .btn1에 click 이벤트 등록 alert("호호"); }); $(".btn2").on("click",function(){ // .btn2에 click 이벤트 등록 alert("호호2"); }); $(".btn4").click(function(){ $(".btn3").click(function(){ alert("호호3"); }); $(".btn3").text("클릭 가능"); }); $(".btn5").click(function(){ $(".btn3").off("click"); $(".btn3").text("클릭 불가"); }); }); /* -- 이벤트의 연결(event binding) $("selector").cli..

$(function(){ // $("label").parent().css({border:"1px solid red"}); // 아버지인 p 태그 찾기 // span.item의 아버지 // $("span.item").parent().css({border:"1px solid red"}); // span.item의 아버지가 li인 경우 // $("span.item").parent("li").css({border:"1px solid red"}); // div는 할아버지라서 적용 안됨 // $("span.item").parent("div").css({border:"1px solid red"}); // parent 뒤에 s 붙여서 parents라고 하면 찾을 수 있다. // $("span.item").parents..

each로 반복문을 수행 할 수 있지만 break나 continue 같은 개념이 없다. return false로 중간에 빠져 나와야 한다. each 학번 이름 국어 영어 수학 총점 평균 변경 1001 너자바 80 70 90 240 80 수정 | 삭제 1002 서블릿 75 80 60 225 75 수정 | 삭제 1003 스프링 80 100 90 270 90 수정 | 삭제 1004 오라클 85 85 85 255 85 수정 | 삭제 1005 리액트 80 70 60 210 70 수정 | 삭제 1006 홍자바 85 85 85 255 85 수정 | 삭제 1007 이순신 70 70 70 210 70 수정 | 삭제 1008 이자바 100 100 100 300 100 수정 | 삭제 1009 가나다 95 100 90 285..

탐색(Traversing) 프로그래밍 자바 스프링 파이썬 C C++ Unix C 웹 프로그래밍 자바스크립트 HTML CSS Node.js JSP ASP.NET PHP 확인 show 와 hide 를 이용해서 마치 애니메이션을 넣은 것 처럼 효과를 줄 수 있다. 확인 버튼을 눌렀을때 빨간 박스가 없으면 나오게 만들고 있으면 없앤다 show(움직이는 속도) 괄호안에 속도를 줘서 움직이는 속도를 조절 할 수 있다 숫자가 작을수록 빠르고 클 수록 느리게 움직인다. 전체 코드 중 애니메이션 처럼 보이게 하는 코드 부분 $(function(){ $(".box3").css("background", "tomato"); $(".btn1").click(function(){ var isHidden = $(".box3").is..

들어가기 앞서 제이쿼리 사용을 위해서 script 한줄을 추가 해준다. 다른 파일에서도 제이쿼리 사용을 하려면 추가 해야함. jQuery Core 예제 jQuery(elements), $(elements) $() = $(document).ready() = jQuery() = jQuery(document).ready() 제이쿼리는 HTML에 관여할 수 있음 예를 들면 HTML내 모든 p 태그의 style을 바꾼다던지 일부 태그들에게만 속성이나 값을 적용하거나 준다던지 이런 과정이 매우 쉽게 가능함. 제이쿼리를 사용하기 위해서는 자바 스크립트 처럼 script 코드를 열어야 한다. 제이쿼리 사용을 위한 총 4가지의 방법 $() = $(document).ready() = jQuery() = jQuery(doc..