제이쿼리 여러개의 요소와 이벤트 추가

여러개의 요소 추가

$("#close, .black-bg").on('click', function(){
    $(".black-bg").hide();
})

 

각 클래스나 아이디 요소마다 따옴표로 구분 할 필요없이

따옴표는 전체로 묶어주고 요소마다 ,로 구분해준다.

 

 

 

여러개의 이벤트 추가

$(요소).on({
    click:function(){
        // 내용
    },

    mouserenter:function(){
        // 내용
    },

    input:function(){
        // 내용
    }
})

이벤트를 여러개 작성하려면 위와 같이 작성하면 된다.

 

이 코드의 장점은 하나의 선택자에 여러개의 이벤트를 동시 사용함으로

가독성과 소스가 좋아진다.