NULL

여러개의 요소 추가 $("#close, .black-bg").on('click', function(){ $(".black-bg").hide(); }) 각 클래스나 아이디 요소마다 따옴표로 구분 할 필요없이 따옴표는 전체로 묶어주고 요소마다 ,로 구분해준다. 여러개의 이벤트 추가 $(요소).on({ click:function(){ // 내용 }, mouserenter:function(){ // 내용 }, input:function(){ // 내용 } }) 이벤트를 여러개 작성하려면 위와 같이 작성하면 된다. 이 코드의 장점은 하나의 선택자에 여러개의 이벤트를 동시 사용함으로 가독성과 소스가 좋아진다.

이펙트 효과의 제어와 관련된 메소드 메소드 설명 .delay() 실행 중인 큐 안에서 연속적으로 실행되는 이펙트 효과 사이의 지연 시간을 설정함. .stop() 선택한 요소에서 실행 중인 모든 이펙트 효과를 즉시 중지시킴 .finish() 선택한 요소에 실행 중인 모든 이펙트 효과를 중지시키고, 선택한 요소가 포함된 큐까지 제거하여 모든 이펙트 효과를 전부 종료시킴. .delay() $(function() { $("#startBtn").on("click", function() { // id가 "divBox"인 요소를 0.5초에 걸쳐 사라지게 하고 // 5초의 지연시간 뒤에 다시 2초에 걸쳐 나타나게 함. $("#divBox").fadeOut(500).delay(5000).fadeIn(2000); }); ..

JS에서 classList.toggle처럼 제이쿼리에서도 toggle이 존재한다. JS보다 더 간편하게 사용할 수 있다. 사용법 ()안에 'fast', 'slow' 혹은 시간초(초당 1000)를 지정할 수 있다. 기본 : 400ms fast : 200ms slow : 600ms 1. 서서히 보이고 사라지는 메소드 $('.btn').on('click', function(){ $('.hello').fadeOut(); }); .fadeIn() : 실행시 숨겨진 요소를 나타나게 한다. .fadeOut() : 실행시 요소를 사라지게 한다. .fadeToggle() $('.navbar-toggler').on('click', function(){ $('.list-group').fadeToggle(); }) fadeT..