web developer👩🏻‍💻

.attr 이용 .removeClass 이용 class명이 지워지니 사용할 태그에 id를 지정해줘야 사용할 수 있는 방법

trigger 특정 이벤트 유형에 대해 선택된 요소에 연결된 모든 핸들러와 동작을 실행 = trigger는 어떤 함수를 실행시켜주는 함수 사용자의 입력없이 이벤트를 실행 시킬때 유용하게 사용 one two $(document).ready(function(){ $('.checkBox').val('seCond').trigger('change'); });

jsp 삭제 폴더 삭제 버튼 클릭 이벤트 - 배열로 처리 // 체크박스 선택 후 삭제 버튼 클릭시 이벤트 function folderDeleteClick(){ var checkBoxArr = []; $("input:checkbox[name='folderCheckname']:checked").each(function() { checkBoxArr.push($(this).val()); // 체크된 것만 값을 뽑아서 배열에 push console.log(checkBoxArr); }) $.ajax({ type : "POST", url : "", data: { checkBoxArr : checkBoxArr // folder seq 값을 가지고 있음. }, success: function(result){ consol..

다중선택 리스트 체크리스트1 체크리스트2 체크리스트3 체크리스트4 체크리스트5 체크리스트6 체크리스트70){ $('#testt').val(chkArray) } } } html ${list.codeNm} 출처 : blog.naver.com/PostView.nhn?blogId=zgabriel&logNo=220187581112&categoryNo=11&parentCategoryNo=0&viewDate=&currentPage=1&postListTopCurrentPage=1&from=search

종류 설명 success ajax통신이 정상적으로 이루어지면 이벤트 헨들러 실행 success : function(result){ } error 통신에 문제가 발생했을 때 함수 실행 error:function(request,status,error){ } type 데이터를 전송할 방식 설정 type: "post", / type : "get", url 데이터를 전송할 페이지를 설정 url : "/url", data 서버로 전송할 데이터를 지정 data: data, timeout 응답대기시간 timeout : 5000, beforeSend ajax 요청하기전에 실행되는 함수 beforeSend: function() { } contentType 서버로 전송할 데이터의 content-type 설정 contentT..

1. 배경색 $("#nameR").css("background-color","#000000"); $("#nameR").css("background-color","black"); 2. 글자색 $("#nameR").css("color","#ff0000"); * 색은 Color Picker 참고 HTML Color Picker Selected Color: Black Text Shadow White Text Shadow www.w3schools.com

display:none disabled readonly O display:none disabled readonly X select box 에 disabled 속성을 부여한 경우, "POST" request 를 했을 때, 값을 전달하지 못한다.( = 폼데이터를 컨트롤러로 보낼 수 없다. ) 그러면 어떻게 해야할까? 이를 위한 방법 2가지를 정리해보았다. 1. .prop('disabled',true); .prop('disabled',false); document.ready 에서 'disabled',true -> 컨드롤러에 request 할때 false로 바꿔주기 그러면 폼데이터 컨트롤러로 전송 가능 2. 콤보박스(select)에서 Readonly 효과주기 (옵션은 출력됨)

script 태그 속성 중 대표적으론 src / defer / charset 가 있다. src src 속성은 외부 스크립트 파일의 URL을 명시. charset charset속성에는 스크립트의 문자 인코딩 방식을 설정, 문서(웹페이지)의 인코딩 방식과 같다면 굳이 따로 지정할 필요가 없다. defer을 자세히 알아보자. defer defer 속성값을 defer로 지정하면 브라우저에게 스크립트가 문서 컨텐트를 생성하지 않는 것을 명시. 참고 :www.tcpschool.com/html-tag-attrs/script-defer

정규식을 사용 숫자가 아닐경우 replace

html 펼치기 접기 javascript $(document).ready(function() { // div hide $("#div아이디").hide(); // 접기 버튼 hide $("span[id=sp_off]").hide(); //펼치기 span 클릭 시 $("span[id=sp_on]").click(function() { var idx = $("span[id=sp_on]").index(this); $(this).hide(); $("span[id=sp_off]:eq("+idx+")").show(); $("#div아이디").show(); }); //접기 span 클릭 시 $("span[id=sp_off]").click(function() { var idx = $("span[id=sp_off]").in..