제이쿼리 이벤트
-
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'