제이쿼리 append
-
Jquery[제이쿼리] setInterval+empty+append로 실시간 세일 시간보기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 27. 18:26
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] setInterval+empty+append로 실시간 세일 시간보기를 만들어보겠습니다. 이렇게 틀을 만들어보았습니다. 실행화면입니다. 그럼 시작해볼까요~ =============================== var presale= 86400; var hour = presale/3600; var minute = (presale/60)%60; var second = presale % 60; $('h1').append(parseInt(hour)+"시 "+parseInt(minute)+"분 "+parseInt(second)+"초"); =============================== 변수 presale에는 세일시간 값을 지정해..
-
Jquery[제이쿼리] before,after,prepend,append 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 25. 21:10
안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery] before,after,prepend,append메서드를 배워보겠습니다. 비슷비슷해보이지만 차이가있으니 유심히 보세요~ 이렇게 준비해 보았습니다. 실행하면 이렇게 나오면 된답니다. =============================== $('input').on('click',function(){ var a =$(this).val(); var str = new String(a); ===============================태그가 click되면 해당하는 value의 값을 a라는 변수에 담아라입니다. str라는 변수에 a변수에 담아져있는 값을 new String(a);>이부분이부분이부분이부분
-
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[제이쿼리] append+click+val로 select_option추가하기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 12. 23:34
안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery] append+click+val로 select_option추가 해보겠습니다. 위화면처럼 셋팅해주세요~오늘은 간단하게 준비해봤습니다. 실행 모습입니다. 아직 기능이 없답니다. =============================== $('.b1').click(function(){ var Text_val = $('.t1').val(); alert(Text_val); =============================== class이름이 b1 버튼이 click되면 Text_val이라는 변수에 class이름이 t1즉 텍스트박스의 value의값이 Text_val에 저장하라 입니다. 실행해서 텍스트 박스에 값을넣고 실행을 하면 경고창으로 확인할수있습니다...
-
Jquery[제이쿼리] 앞부분 추가[prepend] 뒤부분 추가[append] 하기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 6. 16:36
안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery]로 태그의 앞부분 추가[prepend] 뒤부분 추가[append]를 해보도록 하겠습니다. 위화면처럼 셋팅해주세요~ 실행을 하면 태그는 아무내용이 없기때문에 아무것도 안나올꺼에요. 이번에는 append()를 사용하여 'body'의 뒤부분에 내용을 넣어줄꺼에요. 짠~ 뒤부분에 내용이 추가된모습을 확인할수있답니다. 그럼 이번에는 앞부분에다가 내용을 추가해볼까요? prepend()를 사용하여 앞부분에 추가해보겠습니다. 이렇게 앞부분에 추가된 모습을 확인할수있답니다. 이번에는 테이블[table]의 'td'의 대상으로 뒤부분에 내용을 추가 해볼꺼에요. 여기서 a라는 배열 변수에 2가지 값을 미리 넣어서 준비를 합니다. 왜 2가지 값을 준비할까요? 'td'가..