본문 바로가기

Web/jQuery4

[jQuery] <form> 태그 내에서 엔터키 막기 우선 태그 안에 input 박스가 하나밖에 없을 경우 의미없는 input 박스를 추가한다. 태그 안에 태그가 있을 경우, type="button" 으로 지정했는 지 확인 버튼의 type을 지정하지 않았을 경우 엔터키로 전송되기 때문 name으로 엔터키 막기 $('input[name="txt_input"]').keydown(function() { if (event.keyCode === 13) { event.preventDefault(); } }); id로 엔터키 막기 $('#txt_id').keydown(function() { if (event.keyCode === 13) { event.preventDefault(); } }); 출처 https://haenny.tistory.com/80 2022. 10. 21.
[jQuery] window와 document 의 차이 window : 브라우저 객체 모델의 최상위 객체 (BOM) 웹 브라우저의 탭 or 창의 모델을 나타내며 이런 웹 브라우저 객체 모델의 최상위 객체가 window 객체임 window 객체는 현재 웹 브라우저의 창이나 탭을 표현함 document : 문서 객체 모델의 최상위 객체 (DOM) 웹 페이지의 모델을 생성하며 이러한 문서 객체 모델의 최상위 객체가 document임 window 객체의 속성이기도 함 쉽게 말해, window : 웹 브라우저 창 document 웹 브라우저 창 안에 보이는 문서 차이 - 1 $('window').height() --> 브라우저 창의 높이, 즉, 현재 보이는 부분의 높이를 구함 $('document').height() --> 눈에 보이지 않는 부분을 포함하여 문서 전체.. 2022. 10. 21.
[jQuery] datepicker 시작일, 종료일 선택 시 범위 제한, datepicker 속성 등 오늘 날짜 : 시작일 ~ 종료일 [출처] [jQuery/jQuery UI] Datepicker > 시작일과 종료일 입력시 선택 가능 범위 제한하기|작성자 자바킹 datepicker 속성 $(function() { $('.datePicker').datepicker({ dateFormat: 'yy-mm-dd', // 날짜표현타입 monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], dayNamesMin: ['일','월','화','수','목','금','토'], weekHeader: 'Wk', changeMonth: true, //월변경가능 changeYear: true, //년변경가능 showMonthAfterYea.. 2022. 10. 21.
[jQuery] 제이쿼리 jQuery 란? 제이쿼리, jQuery : 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리. jQuery 를 이용하면 문서 객체 모델 DOM 과 이벤트에 관한 처리를 손쉽게 구현 가능. Ajax 응용 프로그램 및 플로그인도 제이쿼리를 활용해서 빠르게 개발 가능. 사용법 : 문법 $(선택자).동작함수(); '$' 기호는 jQuery를 의미하고, jQuery에 접근할 수 있게 해주는 식별자. $(선택자).메서드(매개변수) $() 함수 : 선택된 HTML 요소를 jQuery에서 이용할 수 있는 형태로 생성해주는 역할. $() 함수의 인수로는 HTML 태그 이름뿐만 아니라 CSS 선택자를 전달하여 특정 HTML 요소를 선택할 수 있다. $() 함수를 통해 생성된 요소를 jQue.. 2022. 10. 21.

티스토리툴바