Jquery에서 스타일을 제거하는 방법

jquery에서 스타일을 제거하는 방법: 1. [removeClass()] 메서드를 사용합니다. 코드는 [removeClass(function(index,class))]입니다. 2.ggleClass 메서드를 사용합니다. 코드는 [toggleClass(class)입니다. ].

이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 3.2.1 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

jquery 스타일 제거 방법:

1.removeClass() 방법

.removeClass([className]): .removeClass([className])：

每个匹配元素移除的一个或多个用空格隔开的样式名

.removeClass(function(index,class)) ：

一个函数，返回一个或多个将要被移除的样式名

这里要注意一下：

如果一个样式类名作为一个参数,只有这样式类会被从匹配的元素集合中删除，如果没有样式名作为参数，那么所有的样式类将被移除。

jQuery的属性.toggleClass()

在做某些效果的时候，可能会针对同一节点的某一个样式不断的切换，也就是addClass与removeClass的互斥切换，比如隔行换色效果

jQuery提供一个toggleClass方法用于简化这种互斥的逻辑，通过toggleClass方法动态添加删除Class，一次执行相当于addClass，再次执行相当于removeClass

2、toggleClass( )方法

在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即：如果存在（不存在）就删除（添加）一个类

.toggleClass(className)：

在匹配的元素集合中的每个元素上用来切换的一个或多个（用空格隔开）样式类名

.toggleClass( className, switch )：

一个布尔值，用于判断样式是否应该被添加或移除

.toggleClass( [switch ] )：

一个用来判断样式类添加还是移除的布尔值：

.toggleClass( function(index, class, switch) [, switch ] )

각 일치 요소에서 하나 이상의 요소가 제거됨 스타일 이름 구분 by 공백

.removeClass(function(index,class)) :

제거할 하나 이상의 스타일 이름을 반환하는 함수

여기서 참고할 사항 :

스타일 클래스 이름인 경우 매개변수로 사용되는 경우 일치하는 요소 세트에서 이 스타일 클래스만 제거됩니다. 매개변수로 스타일 이름이 없으면 모든 스타일 클래스가 제거됩니다.

jQuery의 속성 .toggleClass()특정 효과를 수행할 때 동일한 노드의 특정 스타일로 계속 전환할 수 있습니다. 즉, 인터레이스 색상과 같이 addClass와 RemoveClass 간의 상호 배타적 전환이 발생할 수 있습니다. 변경 효과

jQuery는 이 상호 배타적인 논리를 단순화하기 위해 ToggleClass 메서드를 통해 클래스를 동적으로 추가하고 삭제합니다. 한 실행은 addClass와 동일하고 다른 실행은 RemoveClass🎜🎜🎜2와 동일합니다. 🎜🎜이 스타일 클래스의 존재 여부 또는 토글 속성 값에 따라 일치하는 요소 집합의 각 요소에서 하나 이상의 스타일 클래스를 추가하거나 제거합니다. 즉, 클래스가 존재하는 경우 삭제(추가)합니다(존재하지 않음) 🎜🎜.toggleClass(className): 🎜🎜일치하는 요소 세트의 각 요소를 전환하는 데 사용되는 하나 이상의 요소( 공백으로 구분) 스타일 클래스 이름 🎜🎜.toggleClass( className, switch ): 🎜🎜스타일을 추가하거나 제거해야 하는지 결정하는 데 사용되는 부울 값 🎜🎜. ] ): 🎜🎜스타일 클래스 추가 또는 제거 여부를 결정하는 데 사용되는 부울 값: 🎜🎜.toggleClass( function(index, class, switch) [, switch ] ) code>: 🎜🎜일치하는 요소 세트의 각 요소를 켜는 데 사용되는 스타일 클래스 이름을 반환하는 데 사용되는 함수입니다. 요소의 인덱스 위치와 요소의 이전 스타일 클래스를 매개변수로 받습니다. 🎜🎜참고: 🎜🎜toggleClass는 상호 배타적인 논리입니다. 즉, 지정된 클래스 이름이 해당 요소에 있는지 판단하여 존재하면 삭제하고, 없으면 추가합니다. 🎜🎜toggleClass는 원래 클래스 이름을 유지합니다. 공백으로 구분하여 뒤에 추가하세요. 🎜🎜🎜관련 무료 학습 권장 사항: 🎜javascript🎜(동영상) 🎜🎜

위 내용은 Jquery에서 스타일을 제거하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!