본문 바로가기

Front-End/jQuery4

jQuery : focus(), blur() 이벤트 focus() : 마우스 포인터가 해당 요소에 위치할 때(포커스가 되었을 때) 발생 blur() : 포커스를 잃었을 때 발생 1. input 태그에 focus(), blur() 이벤트 등록 ID : PW : input 태그에 포커스가 발생했을 때 입력칸을 분홍색으로 바꾸고 포커스를 잃으면 원래대로 흰색으로 바꾼다. - 결과 2022. 6. 6.

jQuery 나중에 생성된 요소에 이벤트 등록 $("#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").. 2022. 6. 6.

jQuery 이벤트 등록, 삭제 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".. 2022. 6. 3.

jQuery 기초 빠르게 훑기 jQuery 란? JavaScript의 Library(라이브러리) 이다. 라이브러리는 자주 사용하거나 사용자가 직접 구현이 어려운 기능을 만들어 모아놓은 프로그램으로 JS 의 라이브러리에는 jQuery, RequireJS, Prototype, AngluarJS, Backbone 등이 있다. 굳이 jQuery를 왜 사용할까? 1. 사용이 편리하다. 2. Cross Browsing - java는 jdk를 깔아서 사용했는데 js는 따로 설치하는 것 없이 알아서 돌아갔다. 즉, 브라우저에 js해석기가 붙어있다는 뜻이다. 그런데 이 해석기가 브라우저의 종류나 버전마다 다른 경우가 있어 불편하다. - jQuery는 내부적으로 브라우저마다 설정 처리를 해놓았기 때문에 사용자가 신경 쓸 필요가 없다. 3. 다양한 Pl.. 2022. 6. 2.

이전 1 다음

티스토리툴바