자바스크립트[JavaScript]/제이쿼리[Jquery]
-
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[제이쿼리] eq(),:lt(),:gt() 인덱스 번호로 요소찾기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 25. 21:13
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] eq(),:lt(),:gt() 인덱스 번호로 요소를 찾아보겠습니다. 이렇게 준비해 보았습니다. 실행하면 이렇게 나오면 된답니다. =============================== $('li:lt(4)').css('background','blue').css('color','white'); ===============================태그의 css background를 blue로 color를 white로 바꾼다는 뜻입니다. 여기서 lt(4)가 보이실텐데요. 인덱스번호 4보다 작은 태그의 css를 변경하는 소스입니다. ※:lt()는 지정된 숫자보다 인덱스 번호가 작은 요소들을 리턴하는 셀렉터입니다. 태그가 7개가 있는..
-
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(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() 메서드랑 쓰는방법은 똑같습니다. 실행을 한뒤..