전체 글
-
Jquery[제이쿼리] on(change)+val()로 select 값으로 변경하기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 25. 00:10
안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery] on(change)+val()로 select option 값으로 의 value 값을 변경해보겠습니다. 홈페이지 회원가입에 보면 이메일 부분에 많이 쓰이는 부분입니다.! 오늘은 이렇게 준비해보았습니다. =============================== =============================== disabled="disabled">
-
Jquery[제이쿼리] focus() blur()메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 25. 00:07
안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery] focus() blur()메서드 배워보겠습니다. 간단하게 준비해보았습니다.! 기본틀 확인만 해주시고 넘어가주세요. =============================== $('.text2').on('focus',function(){ $('.text2').css({ 'background': "red", 'color': "white", 'border': "1px solid red" }); alert("text2:focus"); }); ===============================class text2가 주목[focus]받으면 class text2의 css부분을 저렇게 바꾸고 alert()메서드를 이용하여 text2:focus라고 값을 찍..
-
Jquery[제이쿼리] focus() 회원가입조건걸기 벨리데이션(validation)자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 24. 02:10
안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery] focus()로 회원가입조건걸기를 간단하게 배워보겠습니다. 오늘은 준비가 많네요~ css부분은 뭐 대충하셔도 상관없답니다.! 시간이 없어서 대충대충 만들엇답니다. =============================== $('input[type="button"]').on('click',function(){ check(); }); ===============================input[type="button"]이 click되면 check();
-
Jquery[제이쿼리] position() 메서드배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 24. 02:06
안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery] position() 메서드를 배워보겠습니다. position()메서드는 offset() 메서드랑 비슷하답니다. 준비화면 입니다. 위화면처럼 준비해주세요~ 실행 화면입니다~~ 오늘은 간단하니까 금방끝날꺼에요~ =============================== $('.d2').click(function(){ var divposition = $(this).position(); alert("position_top: "+divposition.top+" position_left: "+divposition.left); }); ===============================기본적으로 offset() 메서드랑 쓰는방법은 똑같습니다. 실행을 한뒤..
-
Jquery[제이쿼리] on(keyup),empty(),append()로 총주문금액계산하기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 24. 02:04
안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery] on(keyup),empty(),append()로 쇼핑몰에서 상품을 선택하면 자동으로 총주문금액이 나오도록 하는부분을 배워보겠습니다. 오늘은 css부분이 조금 많네요 귀찮아서 대충대충하긴했습니다만... 오늘도 파이팅요!! 실행화면 입니다 수량을 입력하면 주문금액 부분에 계산된 값이 나오도록 할 예정이에요~ =============================== $('.i1').on('keyup',function(e){ var amount = (10000*$('.i1').val()); alert(amount); }); =============================== class i1가 keyup이벤트가 실행되면 amount변수에 clas..
-
Jquery[제이쿼리] bind(),on() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 22. 00:53
안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery] bind(),on() 메서드를 배워보겠습니다. bind(),on() 둘다 이벤트[event] 처리기능을 하는 메서드입니다. 차이점은 bind() 오래된 코드라 먼훗날 사라질꺼라고 하네요. on() 새로나온 파릇파릇한 녀석이랍니다. 준비하시고! 실행하세요~ 실행하니 칙칙한 네모박스가 보이네요. 우선 bind()메서드 부터 해볼까요. =============================== $('div').bind('click ',function(){ alert("안녕하세요. 제이쿼리공장장 주니주니입니다."); }); ===============================div의 대상이 click 되면 alert()로 안에있는 내용을 출력! 그럼..
-
Jquery[제이쿼리] offset() + scrollTop()로 상단메뉴고정 하기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 22. 00:50
안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery] offset() + scrollTop()로 상단메뉴고정을 해보겠습니다. 이렇게 준비해주세요~ 처음 실행 화면입니다. 검정색부분이 메뉴라고 생각하세요~ 마우스휠로 내리니 메뉴부분이 안보이네요 ㅠ.ㅠ =============================== $(window).scroll(function(){ var d1_offset = $('.d1').offset(); alert("offset_top: "+d1_offset.top+" offset_left: "+d1_offset.left); =============================== 브라우저창 대상으로 스크롤을 하면 class d1의 offset()메서드의 리턴값을 변수 d1_offs..