web developer

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

JavaScript

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

trueman 2022. 1. 28. 16:28
728x90
728x90

.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) 값을 주거나 없애기

.toggleClass() : 정의 .toggleClass()로 선택한 요소에 클래스(Class) 값을 주거나 없앨 수 있습니다. .toggleClass() : 문법 .toggleClass( 'className' ) $( 'p' ).toggleClass( 'VVS' ); 'p' 요소에 'VVS' 클..

take-it-into-account.tistory.com


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

728x90
728x90