jquery에서 모든 클래스 이름을 바꾸는 방법-JS 튜토리얼-php.cn

jquery에서 모든 클래스 이름을 바꾸는 방법

WBOY

풀어 주다： 2021-12-13 17:27:15

원래의

3342명이 탐색했습니다.

메서드: 1. 요소의 모든 클래스 이름을 삭제하려면 RemoveClass() 메서드를 사용하세요. 구문은 "element object.removeClass();"입니다. 2. addClass() 메서드를 사용하여 원하는 클래스 이름을 추가하세요. 구문은 "요소 object.addClasss("새 클래스 이름");"입니다.

jquery에서 모든 클래스 이름을 바꾸는 방법

이 튜토리얼의 운영 환경: windows10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.

jquery에서 모든 클래스 이름을 바꾸는 방법

jquery에서는 RemoveClass() 메서드를 사용하여 요소의 모든 클래스 이름을 삭제한 다음 addClass() 메서드를 사용하여 해당 클래스 이름을 추가할 수 있습니다. 우리는 그냥 올라가고 싶어요.

removeClass() 메서드는 선택한 요소에서 하나 이상의 클래스를 제거합니다.

참고: 매개변수가 지정되지 않은 경우 이 메서드는 선택한 요소에서 모든 클래스를 제거합니다.

addClass() 메서드는 선택한 요소에 하나 이상의 클래스를 추가합니다.

이 방법은 기존 클래스 속성을 제거하지 않고 하나 이상의 클래스 속성만 추가합니다.

팁: 여러 수업을 추가해야 하는 경우 공백을 사용하여 수업 이름을 구분하세요.

예제는 다음과 같습니다.

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".anniu1").click(function(){
    $("p").removeClass();
  });
    $(".anniu2").click(function(){
    $("p").addClass("intro2");
  });
});
</script>
<style type="text/css">
.intro1{
font-size:120%;
color:red;
}
.intro2{
font-size:200%;
color:pink;
}
</style>
</head>
<body>
<p class="intro1">This is a paragraph.</p>
<button class="anniu1">删除类</button>
<button class="anniu2">增加类</button>
</body>
</html>

로그인 후 복사

출력 결과:

jquery에서 모든 클래스 이름을 바꾸는 방법