JSP/JQUERY (13) 썸네일형 리스트형 [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.. [JQUERY] Masking 처리 (text입력시 포맷 변경) Masking 처리를 직접 구현할 수도 있지만 제공되는 Plugin을 사용해 구현 할 수도 있습니다. 1. google에 검색하여 Plugin 다운 https://igorescobar.github.io/jQuery-Mask-Plugin/ jQuery Mask Plugin - A jQuery Plugin to make masks on form fields and html elements. igorescobar.github.io 2. 다운후 프로젝트에 삽입 3. 삽입한 위치를 추가 4. 아래와 같이 사용 $("#ymd_start").mask("9999-99-99"); $("#tymd_end").mask("9999-99-99"); 이전 1 2 다음
