자바스크립트[JavaScript]/제이쿼리[Jquery]
-
Jquery[제이쿼리] radio[라디오버튼] value값 확인방법 데모포함자바스크립트[JavaScript]/제이쿼리[Jquery] 2017. 2. 6. 23:55
라디오버튼 value값 확인 방법입니다.!! 방법1 $('input[name="gender"]').on('click',function(){ alert( $(this).val() ); }); 방법2 $('input[name="b1"]').on('click',function(){ alert( $('input[name="gender"]:checked').val() ); }); 첫번째 방법은 라디오 버튼을 클릭시 선택한 value값을 얻는 방법이고 두번째 방법은 라디오 버튼에 체크되어있는 값을 출력하는 방법입니다 ============ 데모 ============ 남성 여성 ET
-
Jquery[제이쿼리] $.now() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 6. 00:10
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] $.now() 메서드를 배워보겠습니다. =============================== var now = $.now(); var Date_getTime = new Date().getTime(); alert("$.now()의값 :"+now+"\n new Date().getTime()의값 :"+Date_getTime); =============================== 변수 now 에 $.now()메서드의 값을 저장하였습니다. 변수 Date_getTime에는 new Date().getTime()의 값을 저장하였습니다. 그리고 alert()메서드를 이용하여 값을 확인해보았습니다. ※now()란 1970년 1월 1일 00..
-
Jquery[제이쿼리] event.pageX/pageY 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 6. 00:05
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] event.pageX/pageY 를 배워보겠습니다. 이렇게 준비해보았습니다. 실행 화면입니다. 아직뭔가 허전하네요 하지만 오늘은 마우스를 움직일때마다 태그를 사용하여 따라다니게 만들어 볼꺼에요^ㅡ^/ =============================== $('.l1').hide(); =============================== 태그는 일단 숨겨두었습니다. 착한사람눈에는보여요 =============================== $('.div0').on('mousemove',function(e){ $('.l1').html("마우스 좌표 left(pageX): "+e.pageX+" top(pageY): "+e.pa..
-
Jquery[제이쿼리] $.isNumeric() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 5. 23:30
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] $.isNumeric() 메서드를 배워보겠습니다. 오늘은 이렇게 준비해보았습니다. 준비한 코드의 실행화면입니다. =============================== $('input[type=text]').on('focus',function(){ $('input[type=text]').val(""); }); =============================== 이부분의 소스는 숫자판별 뒤에있는 텍스트 박스에 포커스가 가면 텍스트 박스의 value의 값을 비워주도록 하기위하여 적어보았습니다. 텍스트박스의 값을 지우는게귀찮아서라고는 참아....ㅋㅋ =============================== $('input[typ..
-
Jquery[제이쿼리] $.trim() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 5. 23:26
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] $.trim() 메서드를 배워보겠습니다. 변수 a 에 " 안녕하세요. 제이쿼리공장장 주니주니입니다. " 이렇게 양쪽끝부분에 공백문자를 넣어 저장하였습니다. 그리고 태그의 value의값을 변수 a에 있는값으로 넣어주었습니다. 실행화면입니다. 태그의 내용을 보시면 양쪽으로 공백들이 있는것을 확인할수있습니다. 이번에는 태그의 value의값을 $.trim()메서드를 사용하여 저장하였습니다. ※$.trim()란 사용자가 지정한 문자열 변수의 양쪽끝 공백문자를 삭제해주는 메서드입니다. 형식으로는 jQuery.trim( str ) 로 구성되어있습니다. str 부분에 공백문자를 제거할 문자열 변수를 적어주시면된답니다. 이해가 안되는 분들은 ↓↓..
-
Jquery[제이쿼리] $.merge() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 5. 23:24
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] $.merge() 메서드를 배워보겠습니다. =============================== var a = ["a","b","c"]; var b = ["1","2","3"]; var c = $.merge(a,b); alert(c); =============================== 변수 a에는 a b c 값이 배열로 저장되어있습니다. 변수 b에는 문자 1 2 3 값이 배열로 저장되어있습니다. 이두개의 배열변수의 값을 합치고 합친배열의값을 c에다가 저장하였습니다. 그리고 alert()메서드를 이용하여 저장된값을 찍어보는 소스입니다. ※$.merge()란 두개의 배열의 값을 하나의 배열로 합치는 메서드입니다. 형식으로는..
-
Jquery[제이쿼리] addBack() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 5. 23:14
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] addBack() 메서드를 배워보겠습니다. 이렇게 준비해보았습니다. 실행화면입니다. =============================== $('.b1').on('click',function(){ $('.div0').find('.div1').css('border-color','blue'); setTimeout(function(){ $('.div0').find('.div1').css('border-color','black'); }, 1000); }); =============================== class b1가 click되면
-
Jquery[제이쿼리] add() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 5. 23:12
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] add() 메서드를 배워보겠습니다. 이렇게 준비해보았습니다. 실행화면입니다. =============================== $('.b1').on('click',function(){ var text_t1 = $('.t1').val(); $('span').add(text_t1).css("color","blue"); setTimeout(function(){ $('span').add(text_t1).css("color","black"); }, 1000); }); =============================== class b1가 click되면