'Web/Javascript/Jquery'에 해당되는 글 5건
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 |
$(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 정의
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 |
$(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 |
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 |