[jQuery] hide(), show()를 이용한 객체 감추기/보이기 css style의 display 속성을 이용하면 HTML의 특정 객체를 숨기거나 보여지게 할 수 있는데, 이러한 display 항목을 jquery 에서도 아주 쉬운 방법으로 사용이 가능하다. 예를들어 기존에 자바스크립트에서 document.getElementById("test").style.display="none" 처럼 사용하던것을 jquery를 이용하면 $("#test").hide() 로 보다 간결하게 사용할 수 있다. 또 hide(), show()에는 몇가지 옵션도 지정할 수 있는데 아래 예제를 보면 쉽게 이해가 갈 것이다. // dom Id가 testDiv인 항목을 숨긴다. $("#testDiv").hide() ; // dom Id가 testDiv인 보여준다. $("#testDiv").show(.. 더보기 [jQuery] 문자열 앞뒤 공백제거 - $.trim() 스크립트를 통해 데이터 검증을 하거나, 어떠한 값을 다듬어야 한다고 할때 가장 많이 사용하는것이 특정 문자열의 앞뒤 공백을 제거하는 것이다. 프로그래밍 언어에서도 이를 편하게 제거해주는 trim 이라는 메소드가 존재하였는데, 기존에 자바스크립트의 경우 trim의 기능이 존재하지 않아 많은 사용자들이 정규식을 활용하여 사용하였다. 이를 반영한 덕인지는 모르겠으나 jQuery에서도 trim이 추가되어 별도의 함수 구현없이 편하게 사용할수 있게 되었다. var str = " abcd " ; var trimStr = $.trim(str) ; jquery를 부득이하게 사용하지 못할때에는 다음과 같이 함수를 구현하여 사용이 가능하다. function trim(str){ return str.replace(/^\s+|.. 더보기 Keyboard Event Code 모음 (event.keyCode) 자바스크립트를 이용하여 개발을 하다보면, 사용자에게 입력된 항목에 대하여 검증을 하거나 해야 할때가 있다.이때 사용자가 키보드의 어떤 키를 눌렀는지 확인을 해야할때가 종종 발생하게 되는데, 이때 발생되는 이벤트의 keyCode 값을 알고 있으면 스크립트를 구현하는데 큰 도움이 된다. 자바스크립트에서 사용되는 keyCode는 ASCII 코드에 의거하여 숫자가 정의되며, 해당 ASCII 코드값을 가지고 Key가 눌렸는지 체크가 가능하다. 다음은 텍스트 박스에서 사용자가 key를 눌렀을때 발생하는 keyCode를 alert 창으로 띄우는 예제이다. 다음은 key에 따라 반한되는 keyCode를 정리한 내용이다. 사실 엔터(Enter) 이외에는 크게 많이 사용되지는 않지만 그래도 알고 있으면 도움이 된다. 더보기 이전 1 ··· 20 21 22 23 24 25 26 ··· 72 다음
