두 가지 속성을 학습하는 jquery(class)_jquery

클래스 추가(클래스)

일치하는 각 요소에 지정된 클래스 이름을 추가합니다.

일치하는 각 요소 집합에 지정된 클래스를 추가합니다.

반환값

jQuery

매개변수

class (String): 요소에 추가할 하나 이상의 CSS 클래스 이름을 공백으로 구분하세요.

예

일치하는 요소에 '선택된' 클래스 추가

HTML 코드:

안녕하세요

jQuery 코드:

$("p").addClass("선택됨")

결과:

[

안녕하세요

]

선택한 하이라이트 클래스를 일치하는 요소에 추가

HTML 코드:

안녕하세요

jQuery 코드:

$("p").addClass("선택한 강조 표시")

결과:

[

안녕하세요

]

---------------------------------- --- ---------------------------------- --- -------------

removeClass(클래스)

일치하는 모든 요소에서 전체 또는 지정된 클래스를 제거합니다.

일치하는 요소 집합에서 전체 또는 지정된 클래스를 제거합니다.

반환값

jQuery

매개변수

class

(문자열): (선택 사항) 삭제할 하나 이상의 CSS 클래스 이름을 공백으로 구분하세요. 예

일치하는 요소에서 '선택된' 클래스 제거

HTML 코드:

안녕하세요

jQuery 코드:

$("p").removeClass("선택됨")

결과:

[

안녕하세요

]

일치하는 요소의 모든 클래스 제거

HTML 코드:

안녕하세요

jQuery 코드:

$("p").removeClass()

결과:

[

안녕하세요

]

---------------------------------- --- ---------------------------------- --- -------------

toggleClass(클래스)

클래스가 존재하는 경우(존재하지 않는 경우) 삭제(추가)합니다.

지정된 클래스가 없으면 추가하고, 있으면 제거합니다.

반환값

jQuery

매개변수

클래스

(문자열): CSS 클래스 이름

예 일치하는 요소에 대해 '선택된' 클래스 전환

HTML 코드:

안녕하세요

다시 안녕하세요

jQuery 코드:

$("p").toggleClass("선택됨")

결과:

[

안녕하세요

,

다시 안녕하세요