일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- jquery .on
- SCOPE
- Jquery event
- STS 설치
- jquery .off
- jquery focus()
- 형 변환
- jQuery 이벤트
- 객체지향
- 파이썬 sep
- 파이썬 출력
- 파이썬 end
- JQuery
- casting
- jquery 생성된 요소에 이벤트 등록
- dbeaver
- vim 명령어
- puttyp
- 자바 변수
- jquery blur()
- 자바 메서드
- 푸티
- 파이썬 공백
- 파이썬 리스트
- 파이썬 join
- 리눅스 명령어
- vim 편집기
- jquery 이벤트 삭제
- 파이썬 공백 출력
- 자바 환경변수
- Today
- Total
목록Front-End/jQuery (4)
달밤에 코딩
focus() : 마우스 포인터가 해당 요소에 위치할 때(포커스가 되었을 때) 발생 blur() : 포커스를 잃었을 때 발생 1. input 태그에 focus(), blur() 이벤트 등록 ID : PW : input 태그에 포커스가 발생했을 때 입력칸을 분홍색으로 바꾸고 포커스를 잃으면 원래대로 흰색으로 바꾼다. - 결과
$("#btn").on("click",function(){ $("body").append(" click "); $("body").append(" click2 "); }); // 위에 이벤트로 생성된 class='newBtn' 인 버튼에 이벤트 등록 $('.newBtn').click(function(){ alert('click!!'); }) 이렇게 이벤트를 등록하게 되면 class='newBtn'인 버튼('click' 버튼)을 클릭했을 때 alert 창은 뜨지 않는다. 최초에 html을 읽을 때 class='newBtn'인 버튼이 없기 때문이다. 즉, 나중에 생긴 요소는 제어하기 힘들다는 단점이 있다. 그러면 나중에 생긴 요소에 이벤트를 걸 때는 어떻게 해야할까? 1. onclick 활용 $("#btn")..
jQuery 에서는 이벤트를 등록하고 실행할 수 있다. jQuery에서 사용되는 이벤트는 종류가 굉장히 많다. 많이 사용되는 몇가지 이 외에 다른 이벤트를 알고싶다면 API 사이트 에서 events 카테고리를 참고하면 된다. ' 이벤트 등록 ' 이벤트 등록 방법 1. $(selector).추가할이벤트(실행할함수) 2. $(selector).on("추가할 이벤트",실행할 함수) 1. $(selector).click(function(){}); .click() : 추가할 이벤트 function(){} : 이벤트가 실행되면 실행할 함수 //hover = mouseenter + mouseleave $("#overzone").hover( function(){ $(this).css({"background-color"..
jQuery 란? JavaScript의 Library(라이브러리) 이다. 라이브러리는 자주 사용하거나 사용자가 직접 구현이 어려운 기능을 만들어 모아놓은 프로그램으로 JS 의 라이브러리에는 jQuery, RequireJS, Prototype, AngluarJS, Backbone 등이 있다. 굳이 jQuery를 왜 사용할까? 1. 사용이 편리하다. 2. Cross Browsing - java는 jdk를 깔아서 사용했는데 js는 따로 설치하는 것 없이 알아서 돌아갔다. 즉, 브라우저에 js해석기가 붙어있다는 뜻이다. 그런데 이 해석기가 브라우저의 종류나 버전마다 다른 경우가 있어 불편하다. - jQuery는 내부적으로 브라우저마다 설정 처리를 해놓았기 때문에 사용자가 신경 쓸 필요가 없다. 3. 다양한 Pl..