$("form input[name=agree]").click(function(){ if($(this).is(":checked")) { $(".btnSend").prop("disabled", false); } else { $(".btnSend").prop("disabled", true); } }); name이 agree인 input박스는 type이 checkbox 이다. (약관 동의 용으로 쓸 거임) 즉 이 체크 박스를 눌렀을때의 이벤트를 설정 하는건데 if로 체크박스가 체크 되었을때와 체크 되지 않았을때의 상황을 준비 할 것이다. 체크박스가 체크 되어 있다면 => .btnSend(보내기 버튼)의 속성을 보이게 바꾼다. (prop는 속성을 변경하게 해줌) 체크박스가 체크 되어 있지 않다면 => .btnSe..

$(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..

자바 파일 package com.util; public class Myutil { /** * 전체 페이지 수 구하기 * @param rows 한 화면에 출력할 목록 수 * @param dataCount총 데이터 수 * @return전체 페이지 수 */ public int pageCount(int rows, int dataCount) { if(dataCount 0 ? 1 : 0); } /** * 페이징 처리 GET 방식 * @param current_page현재 표시되는 페이지 번호 * @param total_page전체 페이지 수 * @param list_url링크를 설정할 주소 * @return페이징 처리 결과 */ public String paging(int current_page, int total..

이런식으로 표현하는걸 EL이라고 함. EL 사칙 연산 ${3+5} ${3+"5"} {3+null} = 0 ${10 / 5} ${13 / 5} ${13 mod 5} ${13 % 5} EL에서는 "A" + "B" 처럼 문자열 결합을 하면 에러가 발생함 비교 논리 연산 3==4 : ${3==4}, ${3 eq 4} 3!=4 : ${3!=4}, {3 ne 4}도 false임 3 lt 4 : ${3 lt 4 }, ${3 4 } 3 le 4 : ${3 le 4 }, ${3 = 4 } ${empty name } ${10%2==0 ? "짝수" : "홀수" } 기타 연산 문자열 결합 : +=, ${"서울" += "경기" } 세미콜론 연산자 - a,b에서 a는 출..