본문 바로가기

제이쿼리4

제이쿼리 요소밖 영역 클릭시 창 닫기 모달의 바깥 영역을 클릭할 시 창이 닫이는 이벤트 https://m.blog.naver.com/PostView.nhn?blogId=nemesis5198&logNo=221380180121&proxyReferer=https:%2F%2Fwww.google.com%2F jquery 요소밖 영역 클릭시 창이 닫히는 이벤트 윈도우 창 아무곳이나 눌러도 창이 닫히는 이벤트를 일전에 블로깅했습니다.http://nemesis5198.blog.me/22... blog.naver.com 2020. 8. 17.
[JQuery & JavaScript] input에 숫자만 입력가능하도록 설정 jQuery를 사용하여 numberOnly라는 attribute로 선언된 텍스트필드에 숫자만 입력할 수 있도록 만들어보겠습니다. 사실 숫자만 입력 가능하도록 하는 예제는 인터넷상에 굉장히 많이 존재합니다. 아마 대부분의 예제를 다음과 같이 되어있을 것입니다. $("input:text[numberOnly]").on("keyup", function() { $(this).val($(this).val().replace(/[^0-9]/g,"")); }); keyup 이벤트와 정규식을 이용하여 숫자를 제외한 나머지 문자를 공백으로 처리하는 방법이죠. 이 글에서는 제시하는 방법은 위 예제에서 문제점을 보완한 방법입니다. 먼저 첫 번째 문제점은 숫자 단위로 3자리마다 콤마(,)가 없어 숫자를 해석하는 데 있어 가동성이.. 2020. 2. 12.
[JQuery] id 또는 name으로 like검색 ^이걸 사용하는 경우 rowPerPage로 시작하는 id를 찾는것이고 $를 사용하는 경우 rowPerPage로 끝나는 id를 찾는것이다. $('select[id^="rowPerPage"]').val("${defaultListRowCnt}"); $('select[id$="rowPerPage"]').val("${defaultListRowCnt}"); 출처: https://daydreamer-92.tistory.com/92 [아는게1도없다] 2020. 2. 12.
제이쿼리 하위태그 삭제 및 태그 삭제 1. // div1 하위태그 삭제 $("#btn1").click(function({ $("#div1").empty(); }); // div1 태그 삭제 $("#btn2").click(function({ $("#div1").remove(); }); 첫번째 버튼 클릭시 div1 아래에 있는 하위 태그 모두 삭제 .empty(); 두번째 버튼 클릭시 div1 포함 하위 태그까지 모두 삭제 .remove(); 2. 안녕하세요. devkuma입니다. 반갑습니다. 요소 중에 id가 one, two인 요소를 삭제한다. $("p").remove("#one, #two"); 참조: http://www.devkuma.com/books/pages/385 2020. 2. 12.