jquery-5: onclick

onclick

body {
  border:10px solid red;
  min-height: 100vh;
}

let 클릭되면_할일 = function() {
  alert('hi');
}

let $body = window.$('body');

$body.click(클릭되면_할일);

• body 클릭하면 alert이 뜸

---

 <section>
   <div>안녕</div>
   <div>안녕</div>
   <div>안녕</div>
   <div>안녕</div>
   <div>안녕</div>
   <div>안녕</div>
 </section>

body {
  border:10px solid red;
  min-height: 100vh;
}

section >div {
  padding:20px;
  background-color:gold;
  margin:10px
}

console.clear();

function 클릭이_되면_할일(){
  alert('안녕')
}

let $장바구니_div = window.$('section > div');

$장바구니_div.click(클릭이_되면_할일)

• 한사람에게만 줘도 그 밑에 자식들에게도 다 적용됨
• mouserover: 마우스 올리기
• dblclicke: 더블클릭하기