728x90 개발자공간/SCRIPT20 jquery 동적으로 생성된 요소에 이벤트 주기 $(document).on("click","#btn",function(){ //이벤트 내용 }); on태그 각각에 들어가는 parameter들은 첫번째 : click / change 등등의 이벤트 두번째 : 이벤트 적용할 타겟 태그 세번째 : 동작 함수 2020. 12. 16. jquery 요소 복사하기 , clone() $(선택요소).clone(); //예제 Button Button Button 2020. 12. 16. jquery - 요소 클릭시 요소위치에 레이어팝업 요소 클릭시 클릭한 요소 위치에 레이어팝업 띄우기 $('.element').unbind('click').bind('click',function(e){ target = $(e.target); var p = $(target).offset(); var divTop = p.top - 25; //상단 좌표 var divLeft = p.left; //좌측 좌표 //레이어 팝업 view $('.layer_popup').css({ "z-index":'10000',"top": divTop ,"left": divLeft , "position": "absolute" }).show(); }); 2020. 12. 15. jQuery & javascript 특정영역 인쇄하기 html script function print() { if (document.all && window.print) { window.onbeforeprint = bbb; window.onafterprint = aaa; window.print(); } } function bbb() { if (document.all) { contents.style.display = 'none'; printArea.innerHTML = document.all['printArea'].innerHTML; } } function aaa() { if (document.all) { contents.style.display = 'block'; printArea.innerHTML = ""; } } 2020. 12. 11. javascript & jquery 배열 만들기 배열을 만드는 두가지 방법 배열 리터럴 대괄호([ ])를 사용하여 만드는 방법 Array() 생성자 함수로 배열을 생성하는 방법 1. 배열 리터럴 대괄호([ ])를 사용하여 만드는 방법 // 배열 생성 (빈 배열) var arr = []; arr[0] = 'a'; arr[1] = 'b'; arr[2] = 'c'; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); } // 배열 생성 (초기 값 할당) var arr = ['a', 'b', 'c']; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); } // 배열 생성 (배열 크기 지정) // 쉼표 개수만큼 크기가 지정됨 var arr = [,,.. 2020. 12. 11. jquery 부모창 제어/컨트롤 jQuery 자식 팝업 창에서 부모창 컨트롤 $(opener.document).find("#Form").attr("action","index.do").submit(); 자식창 -> 부모창으로 값 전달하기 -opener.document.getElementById("id").value="value"; //dom 객체로 제어 $("#id",opener.document).val("value"); // jQuery 방식 1 $("input[name=imgFile]", parent.document.body).val() // 방식 2 $(opener.document).find("#id").val("value"); //방식 3 - opener.location.href="javascript:fun();"; //일반적인 .. 2020. 12. 11. jquery 체크박스 선택여부, 체크 처리, 라디오버튼 선택해제 checked 여부 확인 $("input:checkbox[id='ID']").is(":checked") == true : false $("input:checkbox[name='NAME']").is(":checked") == true : false checked, unchecked 처리 $("input:checkbox[id='ID']").prop("checked", true); $("input:checkbox[name='NAME']").prop("checked", false); 특정 라디오버튼 선택 / 모든 라디오버튼 선택해제 $("input:radio[name='NAME']:radio[value='VALUE']").attr("checked",true); $("input:radio[name='NAME']".. 2020. 12. 10. jquery & javascript 날짜비교 방법 var startDate = $( "input[name='startDate']" ).val(); var startDateArr = startDate.split('-'); var endDate = $( "input[name='endDate']" ).val(); var endDateArr = endDate.split('-'); var startDateCompare = new Date(startDateArr[0], parseInt(startDateArr[1])-1, startDateArr[2]); var endDateCompare = new Date(endDateArr[0], parseInt(endDateArr[1])-1, endDateArr[2]); if(startDateCompare.getTime() > .. 2020. 12. 10. JQUERY 스플릿 split 문자열 자르기 특정 문자 기준으로 문자열을 자르는 jqeury split함수입니다. var test = "2018-11-01"; test = test.split("-"); // split에 '-'를 넣었습니다. // 이럴경우 "2018-11-01"이 "-"이 기준으로 자른다는 뜻입니다. console.log(test[0]); // 결과값 : 2018 console.log(test[1]); // 결과값 : 11 console.log(test[2]); // 결과값 : 01 //결과 값을 보시면 2018, 11, 01 이렇게 "-"이 기준으로 자를 수 있습니다. //한가지 더 예를 들어 보겠습니다. var test = "2018,11,01"; test = test.split(","); // split에 ','를 넣었습니다... 2020. 12. 10. 이전 1 2 3 다음 반응형