[jquery] .click / 선택한 요소를 클릭했을 때 특정 작업을 수행하기

.click() : 정의

---

- .click()은 선택한 요소를 클릭했을 때 특정 작업을 수행할 수 있게 하는 속성입니다.

---

.click() : 문법

---

.click( 'handler' )

- 기본 형태는 위와 같습니다.

$( 'button' ).click( function() {
  // function
} );

- button 요소를 클릭했을 때 함수를 실행시키고 싶으면 다음과 같이 합니다.

---

.click() : 예시

---

See the Pen Untitled by 안중현 (@pogba10) on CodePen.

$(function() {
  $('button').click( function() {
    $('h2').toggleClass('basic');
  });
});

- $('h2').toggleClass('basic') : h2 요소에 basic 클래스가 없으면 추가하고, 있으면 제거하도록 합니다.

---

참고

---

- .toggleClass() : 선택한 요소에 클래스(Class) 값을 넣었다 뺐다 할 수 있습니다.

[jquery] .toggleClass() / 선택한 요소에 클래스(Class) 값을 주거나 없애기

---

출처 : https://www.codingfactory.net/10292