자바스크립트[JavaScript]
-
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되면
-
Jquery[제이쿼리] :contains()셀렉터 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 5. 22:46
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] :contains()셀렉터를 배워보겠습니다. 이렇게 준비해보았습니다. 실행화면입니다. =============================== $('.b1').on('click',function(){ var text_t1 = $('.t1').val(); $('span:contains('+text_t1+')').css("color","blue"); }); =============================== class b1가 click되면
-
Jquery[제이쿼리] is() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 5. 22:41
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] is() 메서드를 배워보겠습니다. 이렇게 준비해보았습니다. 실행화면입니다. =============================== $('.div0').children().on('click',function(){ if($(this).is('p')) { alert("태그입니다."); } else if($(this).is('span')) { alert("태그입니다."); } else if($(this).is('h1')) { alert("태그입니다."); } else if($(this).is('img')) { alert("태그입니다."); } else if($(this).is('textarea')) { alert("태그입니다."); }..
-
Jquery[제이쿼리] removeAttr() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 5. 22:28
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] removeAttr() 메서드를 배워보겠습니다. 이렇게 준비해보았습니다. 실행화면입니다. =============================== $('textarea').val($('.div0').html()); =============================== 태그의 value의 값을 class div0의 html()값으로 넣어주었습니다. =============================== $('.b1').on('click',function(){ var text_1 = $('.t1').val(); var text_2 = $('.t2').val(); $(text_1).removeAttr(text_2); $('text..