JSP (44) 썸네일형 리스트형 [JQUERY] .val() 내부매서드로 값처리 (substring, replace) ex1) input에 입력된 20200101를 2020-01-01로 변경 HTML SCRIPT $(accfrDt).val(function(i, v) { return v.substring(0,4)+"-"+v.substring(4,6)+"-"+v.substring(6,8); }).val(); ex2) input에 입력된 2020-01-01를 20200101로 변경 HTML SCRIPT $(accfrDt).val(function(i, v) { return v.replace(/-/g,""); }).val(); [JQUERY] 기본구조 $(selector).action() $: 정의 또는 Jquery (): HTML 구성요소 .매서드: 기능 $("*") : 모든항목 $(this) : 현재 HTML항목 $("p.intro") : 에서 intro로 정의된 항목 $("p.first") : 에서 첫번째 $("ul li:first") : 에서 첫번째 항목 $("ul li:first-child") : 모든 에서 첫번째 항목 $("[href]") : href의 모든항목 $("a[target = '_blank']") : target 속성이 '_blank'인 항목 $("a[target != '_blank']") : target 속성이 '_blank'가 아닌 항목 $(":button") : 속성과 type이 button인 항목 $("tr:even") :.. [JQUERY] CheckBox 체크박스 체크 $("input[name= 체크박스명]:checkbox").attr("checked", true); 체크박스 값 호출 $("input[type='checkbox']").val(); //type이 checkbox인 input태그 값 (checkbox가 하나일 경우만 사용) $('.check_class').val(); //class명이 check_class인 항목의 값 $('#check_id').val(); //id가 check_id인 항목의 값 id가 동일한 체크박스에 대하여 선택되어 있는지 확인 : true / false 반환 $("#chkBox").is(":checked") ; $("input:checkbox[id='chkBox']").is(":checked") ; 전체 선택하기 $(.. [JQUERY] SelectBox 1. 선택된 값 호출 $("#selectBox option:selected").val(); $("select[name=name]").val(); 2. 선택된 내용 호출 $("#selectBox option:selected").text(); 3. 선택된 순번 호출 var index = $("#test option").index($("#test option:selected")); 4. 마지막위치에 옵션 추가 $("#selectBox").append("Apples"); $("#selectBox").append("After Apples"); 5. 시작위치에 옵션 추가 $("#selectBox").prepend("Before Apples"); 6. 옵션 새로 덮어쓰기 $("#selectBox").html("Som.. [JSP] 브라우저에 따른 팝업 설정 팝업사용시 브라우저에 따라 정상 팝업되거나 종료되지 않는 경우가 발생합니다. 특히 종료같은 경우 IE와 다르게 Chrome등은 close()를 지원하지 않아 팝업시에 문제가 되는데 시간 설정을 통해 IE를 제외한 브라우저가 정상처리 되도록 처리 할 수 있습니다. (iframe 설정으로 처리되지 않을 경우 사용하시면 좋습니다.) 팝업관련 예제 function openPopEx(){ var option = ""; //IE일 경우 if(navigator.userAgent.indexOf("Trident") != -1){ //팝업되는 이미지 크기에 따른 팝업창 크기 수정필요 option = "width=500, height=800, left=50, top=50, statusbar=0"; window.open("/.. [JSP] setTimeout 시간 딜레이 매서드 setTimeout: Millisecond 단위로 시간 딜레이를 부여 예제 function deleyFncEx(){ var opt = "width=500, height=800, left=50, top=50, statusbar=0"; setTimeout(function(){ window.open("/jsp/com/popupWin.jsp", "popEx", opt); }, 3000); //3초 뒤에 팝업창 열기 } [JSP] 인터넷 브라우저 구분 (navigator.userAgent) 인터넷 브라우저를 구분하여 코딩해야 할 경우 navigator.userAgent를 사용하여 구분가능 navigator.userAgent를 alert등과 같은 방법으로 출력할 경우 아래와 같이 출력 익스플로러 11 : Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; InfoPath.3; rv:11.0) like Gecko 크롬 : Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/534.7 (KHTML, like Gecko) Chrome/7.0.517.44 S.. [JSP] 타입비교 typeof: 같은 명칭으로 데이터 전달시 타입만으로 구분 if(typeof a == "string") if(typeof a == "undefined") typeof 이외에 타입비교 (===) var a = "1"; var b = 1; if(a === 1){} //false if(a === "1"){} //true if(b === 1){} //true if(b === "1"){} //false 이전 1 2 3 4 5 6 다음
