본문 바로가기

jQuery5

jQeury isNumeric 함수를 이용한 숫자 여부 판단 jQeury의 isNumeric 함수로 숫자 여부를 판단 할 수 있습니다. // true (numeric) $.isNumeric( "-10" ); $.isNumeric( "0" ); $.isNumeric( 0xFF ); $.isNumeric( "0xFF" ); $.isNumeric( "8e5" ); $.isNumeric( "3.1415" ); $.isNumeric( +10 ); $.isNumeric( 0144 ); // false (non-numeric) $.isNumeric( "-0x42" ); $.isNumeric( "7.2acdgs" ); $.isNumeric( "" ); $.isNumeric( {} ); $.isNumeric( NaN ); $.isNumeric( null ); $.isNumeric.. 2021. 8. 10.
jQuery로 html select에 readonly 효과 주기 html select 태그에 readonly는 적용되지 않지만 늘 readonly 속성을 주고 제대로 작동 안해서 구글링을 합니다. select에 readonly 효과 주기 위해서는 disabled 속성을 넣어주어야 합니다. Java C++ C# 동적으로 사용/미사용을 해야 하는데 jQuery를 이용한 코드는 아래와 같습니다. disabled 속성을 제거하면 사용 할 수 있습니다. $("#lang").removeAttr("disabled"); disabled 속성을 넣으면 사용 할 수 없습니다. $("#lang").attr("disabled","disabled"); 전체 소스 Java C++ C# 2021. 7. 29.
JQuery AJAX 사용 시 한글 깨지는 현상 해결방법 웹프로그래밍을 하다보면 한글이 깨지는 현상이 종종 발생합니다. Charset이나 URL Encode/Decode 등으로 문제가 발생하죠. Javascript에서 encodeURI로 파라메터 값을 인코딩하고 JSP에서 Decode를 하였는데 한글이 깨지는 현상이 발생했습니다. JQuery AJAX에서 contentType을 아래와 같이 지정하여 해결하였습니다. contentType: "application/x-www-form-urlencoded; charset=UTF-8" 실행 코드 예 var param = "codes=" + encodeURI(JSON.stringify(codeDataJsonArray)); $.ajax({ url: "/api/updateCode.do", type:"POST", data:p.. 2021. 7. 22.
jQeury 기본 Syntax jQuery의 기본 Syntax는 HTML 엘리먼트(Element)를 선택하고, 동작을 하는 구조로 되어있습니다. 기본 Syntax : $(Selector).action(); - $ : jQuery 정의 - Selector : HTML 엘리먼트 - Action : HTML 엘리먼트의 동작 예를 들면 (1) $("p").hide() : 모든 HTML의 엘리먼트를 숨깁니다. (2) $(".class_name").hide() : HTML 엘리먼트가 class="class_name"인 모든 엘리먼트에 대해서 숨깁니다. (3) $("#id_name").hide() : HTML 엘리먼트가 id="id_name"인 엘리먼트에 대해서 숨깁니다. 아래의 HTML 소스를 보고 이해합시다. Hello jQuery 2017. 3. 21.
jQuery 시작하기. jQuery는 경량화된 자바스크립트 라이브러이이며, 자바스크립트를 더욱 쉽게 사용할 수 있게 해줍니다. 그리고 마이크로 소트프, 구글등에서도 사용하고 있는 유용한 라이브러이입니다. jQuery를 시작하기 위해서는 jQeury를 라이브러리응 다운로드 해야 사용 할 수 있습니다. 이제 jQuery를 시작 해 볼까요 1. jQuery 공식 홈페이지의 다운로드 페이지로 이동합니다.. http://jquery.com/download/ 2. 개발용 jQuery 라이브러리를 다운로드 합니다. 3. jQuery를 사용하기 위해 html에 jQuery를 추가해야 합니다. 4. 아래와 같이 html을 작성합니다. $(document).ready(function(){...) 은 body 태크의 onLoad 이벤트와 동일합니.. 2017. 3. 21.