'Web/Javascript/Jquery'에 해당되는 글 5건

jQuery .data() 정리

Web/Javascript/Jquery
▶ 개요
HTML5로 넘어오면서 data-* 속성이 표준화

▶ 사용 예시
        .data()가 저장되는 방식

▶ 사용 방법
// 정보 불러오기
$.data('code')
// 정보 변경하기
$.data('code','00000000')

'Web > Javascript/Jquery' 카테고리의 다른 글

Jquery 숫자만 Input 입력  (0) 2016.06.10
Ajax 정의  (0) 2016.05.27
JQuery 영문+숫자만 Input Text 입력  (1) 2015.07.03
Input 한글/영어 제어하기  (0) 2015.07.03

Jquery 숫자만 Input 입력

Web/Javascript/Jquery
- script 부분
$(function(){
	//숫자만 입력토록 함.
	$(document).on("keyup", ".amt", function() {
		$(this).val( $(this).val().replace(/[^0-9]/gi,""));
	});
});

- body 부분


$.click()은 document가 생성된 이후에 추가된 element에 대해서는 event 처리가 되지 않는다. (찾아보니, $.live() 호출해야 함)
$.on()을 이용하면 동적으로 생성된 element에 대해서 특별한 function 호출 없이도 event 처리된다.


'Web > Javascript/Jquery' 카테고리의 다른 글

jQuery .data() 정리  (0) 2016.07.12
Ajax 정의  (0) 2016.05.27
JQuery 영문+숫자만 Input Text 입력  (1) 2015.07.03
Input 한글/영어 제어하기  (0) 2015.07.03

Ajax 정의

Web/Javascript/Jquery

▶ Ajax 정의

Asynchronous JavaScript and XML

Client Browser에서 XMLHttpRequest객체를 사용해서 Server와 비동기방식의 통신을 하는 것

페이지 일부분을 업데이트 하기 위한 정보를 서버에 요청 -> 서버로부터 받은 데이터로 작업


▶ Ajax 구현

1. HTTP request 만들기

2. 서버 응답에 대한 처리


▶ jQuery 이용, Ajax 구현

jQuery이용해서 Ajax를 사용하게 되면, 크로스브라우징의 문제를 jQuery가 해결해준다는 것

또한, jQuery는 Ajax와 관련해서 많은 API를 제공한다.


▶ 참조 및 출처

https://developer.mozilla.org/ko/docs/AJAX/Getting_Started

http://www.nextree.co.kr/p4771/

https://opentutorials.org/course/1375/6851

'Web > Javascript/Jquery' 카테고리의 다른 글

jQuery .data() 정리  (0) 2016.07.12
Jquery 숫자만 Input 입력  (0) 2016.06.10
JQuery 영문+숫자만 Input Text 입력  (1) 2015.07.03
Input 한글/영어 제어하기  (0) 2015.07.03

JQuery 영문+숫자만 Input Text 입력

Web/Javascript/Jquery

$(document).ready(function(){

  //한글입력 안되게 처리

  $("input[name=aaa]").keyup(function(event){ 

   if (!(event.keyCode >=37 && event.keyCode<=40)) {

    var inputVal = $(this).val();

    $(this).val(inputVal.replace(/[^a-z0-9]/gi,''));

   }

  });

});


영문,숫자만:<input type="text" name="aaa" />


'Web > Javascript/Jquery' 카테고리의 다른 글

jQuery .data() 정리  (0) 2016.07.12
Jquery 숫자만 Input 입력  (0) 2016.06.10
Ajax 정의  (0) 2016.05.27
Input 한글/영어 제어하기  (0) 2015.07.03

Input 한글/영어 제어하기

Web/Javascript/Jquery

auto (default) : 현재 모드 값을 사용한다.  한/영 변환 가능
inactive : 영문 모드로 자동 전환, 한/영 변화 가능
disabled : 영문 모드로 자동 전환 ,한/영 변환 불가
active : 한글 모드로 자동 전환, 한/영 변환 가능
deactivated: 한글기본, 한/영 전환 가능


※ 적용예시


<input type="text" style="ime-mode:active">

- 한글모드(한/영 전환가능)


<input type="text" style="ime-mode:inactive">

-영문모드(한/영 전환가능)


<input type="text" style="ime-mode:auto">

한/영 전환가능


<input type="text" style="ime-mode:disabled">

한글사용불가


<input type="text" style="ime-mode:desativated">

- 한글모드(한/영 전환가능)

'Web > Javascript/Jquery' 카테고리의 다른 글

jQuery .data() 정리  (0) 2016.07.12
Jquery 숫자만 Input 입력  (0) 2016.06.10
Ajax 정의  (0) 2016.05.27
JQuery 영문+숫자만 Input Text 입력  (1) 2015.07.03