티스토리

KA's Regalo

검색하기

블로그 홈

KA's Regalo

programacion.tistory.com/m

나의 공부를 위한 개인공간

구독자: 1

방명록 방문하기

주요 글 목록

Select Box change 이벤트 1. change 이벤트 $("#SelectBoxID").change( function() { //TODO }); 2. bind 를 이용한 이벤트 $("#SelectBoxID").bind( "change", function() { //TODO }); 3. on 을 이용한 이벤트 $("#SelectBoxID").on( "change", function() { //TODO }); * change 이벤트시 이전값 가져오기 var previous; $(".status").on('focus', function () { previous = this.value; }).change(function() { var rowIdx = this.id; var result = confirm("상태를 변경 하시겠습니까?"); if.. 공감수 0 댓글수 0 2019. 12. 2.
문자분할,배열제거,배열을 문자로 join 예제1) var get_val = "1,2,3,4"; //string 문자열 var arr_val = get_val.split(","); //배열로 분할 for(var i = 0; i 1,2,4 예제2) var get_val = "1,2,3,4"; //string 문자열 var arr_val = get_val.split(","); //배열로 분할 for(var i = 0; i < arr_val.length; i++){ if(.. 공감수 0 댓글수 0 2019. 11. 20.
삼항연산자 조건문 ? 조건이 참인 경우 결과값 : 조건이 거짓인 경우의 결과값 예제1, $("#companyNm option:selected").val() == "" ? 0 : $("#companyNm option:selected").val() 예제2, var number = 6; number>5 ? alert("5보다 큰수") : alert("5보다 작은수") 공감수 0 댓글수 0 2019. 11. 19.
Select Box 제어 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.. 공감수 0 댓글수 0 2019. 11. 11.
input 체크박스 -체크하기 $("input:checkbox[id='ID']").prop("checked", true); // id $("input:checkbox[name='NAME']").prop("checked", true); //name -체크풀기 $("input:checkbox[id='ID']").prop("checked", false); // id $("input:checkbox[name='NAME']").prop("checked", false); //name -체크 여부 확인 $("input:checkbox[id='ID']").is(":checked") == true : false // id $("input:checkbox[name='NAME']").is(":checked") == true : false //.. 공감수 0 댓글수 0 2019. 10. 16.
문자열 제거 이벤트 //숫자를 제외한 문자열 삭제(공통)function commonStrReplace(event, id, flag){ var tmpVal = $('#'+id).val(); if (!(event.keyCode >=37 && event.keyCode 공감수 0 댓글수 0 2018. 8. 9.
날짜(datepicker) 시작일 종료일 var today = new Date();var tomorrow = new Date(Date.parse(today) + (1000 * 60 * 60 * 24)); $startDate.datepicker({ minDate: today, onClose: function( selectedDate ) { // 시작일 datepicker가 닫힐때 // 종료일의 선택할수있는 최소 날짜(minDate)를 선택한 시작일로 지정 $endDate.datepicker( "option", "minDate", selectedDate ); } }); $endDate.datepicker({ minDate: tomorrow, onClose: function( selectedDate ) { // 종료일 datepicker가 닫힐때 /.. 공감수 1 댓글수 0 2018. 6. 15.
세션 SET, GET, REMOVE //생성sessionStorage.setItem('key','123');//값getsessionStorage.getItem('key')//제거sessionStorage.removeItem('key'); 공감수 0 댓글수 0 2018. 5. 24.
replace로 태그 제거하기 1. 전체태그 제거 var text = 'Remove all tagtest123123'; var newText = text.replace(/(]+)>)/ig,""); alert(newText); 2. span태그 제거 var text = 'Remove Span tag only';var newText = text.replace(/]*)>/gi,"");alert(newText); // span 태그가 제거된 'Remove Span tag only' 출력 공감수 1 댓글수 0 2018. 5. 23.
pdf파일 및 사진파일 팝업창으로 띄우기 window.open >> 새로운 창으로 pdf 형식 띄우기else 부분은 pdf파일이아닌 사진파일을 서버에있는지 확인후 popup창으로 띄우기서버에 있다면 onload, 없다면 onerror 이고 src 로 파일 경로 입력 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061$.ajax({ url:'/ctrl/file/filePdfDetail', data:{fileDSeq:fileDSeq}, success:function(result){ var fileName = result.FILE_NAME; var fileExt = fileName.substring(.. 공감수 3 댓글수 0 2018. 3. 8.
부트스트랩 달력 기능 123456789101112131415$("#dispSapSynchronizeDate").datepicker({ todayHighlight: true, format: "yyyy-mm", viewMode: "months", //달만 minViewMode: "months",//달만 autoclose: true, clearBtn:true });cs 공감수 0 댓글수 0 2018. 3. 8.
ex06.html 소스12345678910111213141516171819202122232425262728293031323334353637383940414243444546 Document $(function(){ $('h1').css('border','1px solid red'); $('ol>li:contains("menu3")').css('border','1px solid red'); $('ol>li:has("em")').css('border','1px solid red'); $('ol>li').find('em').css('border','1px solid red'); //위의 em과 비교 $('ol>li:has("li")').css('border','1px solid red'); $('ol>li:eq(1)').sibl.. 공감수 0 댓글수 0 2016. 10. 7.
ex05.html(선택자) 소스123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 Document $(function(){// $('input[type="text"]').css('border','1px solid red'); $(':text').css('border','1px solid red');//위와 동일한 결과 $(':password').css('background-color','gray') $(':submit').css('background-color','yellow')//전송과 버튼1 버튼이 적용 $(':reset').css('background-color','gray')//취소 버튼2 버튼이 적용 $(':check.. 공감수 0 댓글수 0 2016. 10. 6.
ex04.html 소스12345678910111213141516171819202122 Document $(function(){ $('li:visible').css('color',"red"); $('li:hidden').css("display",'block'); }); 메뉴 menu1 menu2 menu3 Colored by Color Scriptercs결과 공감수 0 댓글수 0 2016. 10. 6.
ex03.html(href) 소스12345678910111213141516171819202122232425262728 Document $(function(){ $('a[title]').css("background-color","yellow");//'title을 가지고있는 a태그'가 선택자 $('a[href="http://naver.com"]').css("color","red"); $("a[href^='mailto']").css('border',"1px solid red");//mailto 시작하는 $("a[href$='net']").css("background-color","pink");//net으로 끝나는 $("a[href*='homeplus']").css("background-color","pink");//중간에 }); 리스트 .. 공감수 0 댓글수 0 2016. 10. 6.
ex02.html 소스12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 Document $(function(){ $("ul>li:first").css('border',"1px solid red");//첫번째 $("ul>li:last").css('border',"1px solid red");//마지막 $("ul>li:even").css('border',"1px solid red");//짝수(index번호로 0부터) $("ul>li:odd").css('border',"1px solid red");//홀수 $('ul>li:nth-child(2n)').css('border',"1px solid red"); $.. 공감수 0 댓글수 0 2016. 10. 6.
ex01.html 소스12345678910111213141516171819202122232425262728293031323334353637383940414243 Document $(function(){ //체이닝 기법으로 .css해서 사용 ('키',"값")모두 문자열 $("h1,h3").css('color','hotpink'); $(".cl1").css('color','red').css("background-color",'gray'); $("#i1").css('color','red').css("background-color",'green'); $("div h1").parent().css('color','green').css("background-color",'gray'); $('body').children().css("b.. 공감수 0 댓글수 0 2016. 10. 6.
JQuery 시작 http://jquery.com/ 제이쿼리 사이트에서 파일 다운해당 파일을 저장을 하고 저장위치를 기억하여 사용할 수 있게 한다. 제이쿼리 : $;제이쿼리 실행 : $();파일을 import한 후 사용또는https://developers.google.com/speed/libraries/#jquery 에서 사용할 버전에 맞게작성할 수 있다.소스 (사용하는 방법1)123456789101112131415161718192021 Document // $;//제이쿼리// $();//제이쿼리 실행 var func = function(){ alert("func"); }; $(func);//사용1 Colored by Color Scriptercs결과소스 (사용하는 방법2)123456789101112131415161718.. 공감수 0 댓글수 0 2016. 10. 6.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.