Jquery event
-
Jquery[제이쿼리] 이벤트[event]메서드 scroll 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 17. 01:06
안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery] 이벤트[event]메서드 scroll 배워보겠습니다. 위화면처럼 준비해주세요~ 기본틀의 시작화면입니다. =============================== $('.div1').scroll(function(){ $('p').css( "display", "inline" ).fadeOut(2000); }); =============================== class이름이 div1가 scroll 마우스휠로 위아래로 움직일 경우 태그의 css에 display를 inline으로 바꿔라 그리고 fadeOut(2000) 천천히 사라지게해라 입니다. display이는 위에보면 none로 안보이게 해둔상태입니다. 그상태에서 마우스휠로 움직이게되면 ..
-
Jquery[제이쿼리] 이벤트[event]메서드 change 배우기2자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 14. 22:54
안녕하세요~ 주니주니 입니다. 오늘은 어제에 이어 제이쿼리[jquery] 이벤트[event]메서드 change로 선택한select의option의 값을 기준으로 append를 사용하여 select의option을 추가해보겠습니다. 위화면처럼 셋팅해주세요~ 오늘은 두개의 select로 해보겠습니다. 기본틀 ! 실행해서 확인해주세요~ =============================== var ko=['비빔밥','불고기']; var ja=['초밥','소바']; =============================== 우선 '음식 종류 대분류' select의 option을 선택하면 '음식 종류 소분류'select에 option을 추가할 내용을 배열변수담아 저장하였습니다. =====================..
-
Jquery[제이쿼리] 이벤트[event]메서드 change 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 14. 22:52
안녕하세요~ 주니주니 입니다.오늘은 제이쿼리[jquery] 이벤트[event]메서드 change로 선택한select의option의 값을 기준으로 다른 select가 보이도록 해보겠습니다. 위화면처럼 셋팅해주세요~ 실행 화면입니다.~ =============================== $('.s1').hide(); $('.s2').hide(); $('.s0').change(function(){ alert($(this).val()); =============================== 먼저 class이름이 s1,s2 는 페이지가 실행하면 숨기도록 했습니다. 그리고 class이름이 s0가 change 변경되면 alert으로 change로 변경된값을 경고창이 뜨도록 하였습니다. 실행을하면 소분류 se..
-
Jquery[제이쿼리] 이벤트[event]메서드 keyup 글자수 제한기능자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 9. 23:05
안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery]로 이벤트[event]메서드 keyup을 사용하여 쇼핑몰 후기의 글자수 제한 기능을 만들어 볼라고 해요. 위화면처럼 셋팅해주세요~ 실행 화면입니다. ㅎㅎ =============================== $('textarea').keyup =============================== 'textarea'
-
Jquery[제이쿼리] 이벤트[event]메서드 mouseover,mouseout이미지변경자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 8. 23:01
안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery]로 이벤트[event]메서드 mouseover,mouseout으로 이미지변경을 해보겠습니다. 위화면처럼 셋팅해주세요~ jpg파일들은 'Js_2_img'라는 폴더를 만들어 따로 관리하였습니다. 자 이제 실행을 해보겠습니다. 실행 화면입니다. ㅎㅎ 여기까는 참쉽죠? =============================== $('img').mouseover(function(){ =============================== 'img'