본문 바로가기

[개발] Programming197

JQuery, 부모 태그 찾는 함수 Closest(), Parent(), Parents() JQuery Closest(), Parent(), Parents() 마우스 클릭 이벤트와 같은 이벤트를 발생시킬 때 상위 태그나 요소를 찾을 일이 종종 발생한다. 이때 사용할 수 있는 jquery 함수는 3가지가 있다. 이 세가지는 아주 흔히 사용되는 함수로 반드시 기억해 둔다. .closest() // .closest("div") 와 같이 사용하여 원하는 특정 요소만 찾을 수 있음. .parent() // 바로 상위 요소 하나를 찾아줌. .parents() // 상위 모든 요소를 반환함. 예제로 살펴보면 아래와 같다. Find parent element 페이지에 clickButton 이라는 id를 가진 a태그를 클릭 했다고 가정했을 때, 아래 주석처럼 각각의 결과물을 확인할 수 있다. .closest(.. 2018. 10. 29.
JQuery, 체크박스 체크 여부 검사하는 방법 정리 이번 포스트에서는 JQuery 명령어를 통해 체크박스의 상태를 가져오거나 객체 전체를 호출하는 방법, 체크된 박스의 개수를 구하는 방법을 소개하겠습니다. 참고로 라디오 버튼도 거의 유사한 원리로 동작합니다. 체크된 객체 가져오기 체크 박스가 있는 예시 소스 체크된 태그의 객체를 가져오는 JQuery 소스 // 결과: 체크된 input의 object를 가져온다. $("input[name='getByName']:checked"); 예) 체크된 input 객체가 있는지 없는지 검사하는 방법. // 결과: 0보다 크면 체크 된 상태다. $("input[name='getByName']:checked").length; 체크 여부 확인하기 예시 소스 체크 여부를 검사하는 JQuery 소스 // 결과: 체크되어 있으면.. 2018. 10. 29.
JQuery, 동적으로 추가된 dom element(태그)에 onclick이 인식 안되는 경우 해결 방법 onclick이 인식 안되는 경우 .on() 메소드는 DOM element에 이벤트를 바인딩 하는데 쓰인다. 하지만, 동적으로 추가된 요소에 대해서는 이벤트가 바인딩 되지 않는다. 아래 소스를 예로 들면 $(document).ready(function () { $('#btnAdd').on('click', function(){ $('Dynamic Div ').appendTo('body'); }); $('div').on('click', function() { console.log("Clicked."); }); }); btnAdd 라는 태그를 클릭했을 때 div가 추가되는데, 새로 추가된 div 태그를 클릭하면 바로 아래 onclick 이벤트가 실행되지 않는다. 최초에 페이지를 로딩할 때 해당 태그가 없어서 .. 2018. 10. 29.
URL 파라미터를 JSP 페이지에서 호출하는 방법 url 파라미터 JS에서 받는 방법 예) 파라미터 중에 testVal 값을 JS에서 호출하고 싶은 경우 www.myhomepage.com/home.jsp?testId=123&testVal=hello param은 URL의 파라미터를 의미하고, testVal 은 파라미터 중에 testVal을 지칭함. 즉, ${param.name} 는 request.getParameter("name") 과 같은 결과를 가진다. 2018. 10. 26.
자바스크립트, JQuery 특정 좌표나 엘리먼트, 태그로 스크롤 이동 자바스크립트 소스 특정 좌표(x, y)로 스크롤 이동 시키기 function scrollToDown(){ window.scrollTo(X, Y); } JQuery 소스 특정 요소(element)나 tag 위치로 스크롤 이동시키기 div1로 이동 div2로 이동 div1 div2 2018. 10. 26.
키보드의 키코드와 ASCII Code 정리 키보드 키코드와 ASCII Code 알파벳 KEYKeyCodeASCIIKEYKeyCodeASCIIA6565a6597B6666b6698C6767c6799D6868d68100E6969e69101F7070f70102G7171g71103H7272h72104I7373i73105J7474j74106K7575k75107L7676l76108M7777m77109N7878n78110O7979o79111P8080p80112Q8181q81113R8282r82114S8383s83115T8484t84116U8585u85117V8686v86118W8787w87119X8888x88120Y8989y89121Z9090z90122 숫자, 특수문자 등 KEYKeyCodeASCIIKEYKeyCodeASCIIKEYKeyCodeASCII0484.. 2018. 10. 26.
자바, 자바스크립트 정규표현식 정의 문자열 안에서의 일정한 패턴을 표현하기 위한 표현식을 말한다. ​​ 정규표현식 만들기 Javascript var p = /pattern string/; var result = p.test(“data”); Java // 정규 표현을 패턴에 컴파일 Pattern p = Pattern.compile(“pattern string”); // 입력과 이 패턴을 매치하는 정규 표현 작성 Matcher m = p.matcher(“data”); // 입력과 그 정규 표현 매치 boolean result = m.matches(); 또는 // 예외, PatternSyntaxException 표현의 구문이 무효인 경우 boolean result = Pattern.matches(“pattern string”, “data”.. 2018. 10. 26.
sitemap 2018. 10. 25.
톰캣 Connection has been abandoned PooledConnection WAS access 로그를 보던 중 아래 경고 문구 발견, 의미를 찾아보니 ...WARNING: [생략] 생략 Connection has been abandoned PooledConnection [생략]:java.lang.Exception at org.apache.tomcat.jdbc.pool.ConnectionPool.getThreadDump(ConnectionPool.java:1070) at org.apache.tomcat.jdbc.pool.ConnectionPool.createConnection(ConnectionPool.java:778) at org.apache.tomcat.jdbc.pool.ConnectionPool.borrowConnection(ConnectionPool.java:634) at.. 2018. 10. 24.

티스토리툴바