프론트엔드-코드/JQuery

이벤트 등록

sdafdq 2023. 8. 7. 17:05
  $('#box2').on('click', function(){
    $(this).css({
      backgroundColor : 'red'
    });
  });

 

 

 

 

 

 

$('#box2').on('click', 'button', function(){
    $(this).css({
      backgroundColor : 'red'
    });
  });

클릭한 버튼으로

 

 
 
  $('#box4 button').click( showEvent);
  // $('#box4 button').on('click', showEvent);

function showEvent(){
  alert('event');
}


함수 이름만 써야 함

 

 

  $('#box5 button').on('click', function(){
    c('asdf');
  }).off();

off면 안씀.

 

  $('#box6 button').one('click', function(){
    c(6);
  });

one은 딱 한번만 실행

 

 

'프론트엔드-코드 > JQuery' 카테고리의 다른 글

Jquery를 이용한 ajax 예시  (0) 2023.08.26
show, slide, fade  (0) 2023.08.08
form 이벤트  (0) 2023.08.07
윈도우 이벤트  (0) 2023.07.31
키보드 이벤트  (0) 2023.07.31