JQuery와 변화 클래스 이름

해결법

1.이 같은 .attr ()를 사용하여 (에 관계없이 그것이 무엇의) 클래스를 설정할 수 있습니다 :

이 같은 .attr ()를 사용하여 (에 관계없이 그것이 무엇의) 클래스를 설정할 수 있습니다 :
```
$("#td_id").attr('class', 'newClass');
```
이 같은 대신) 클래스를 사용 .addclass을 (추가하려면 :
```
$("#td_id").addClass('newClass');
```
또는 .toggleClass ()를 사용하여 스왑 클래스에 짧은 방법 :
```
$("#td_id").toggleClass('change_me newClass');
```
여기에 특히 클래스 속성의 jQuery 방법의 전체 목록입니다.
2.난 당신이 찾고있는 생각 :

난 당신이 찾고있는 생각 :
```
$('#td_id').removeClass('change_me').addClass('new_class');
```
3.나는 그가 클래스 이름을 대체하고 싶은 생각합니다.

나는 그가 클래스 이름을 대체하고 싶은 생각합니다.

이런 식으로 뭔가가 작동합니다 :
```
$(document).ready(function(){
    $('.blue').removeClass('blue').addClass('green');
});
```
http://monstertut.com/2012/06/use-jquery-to-change-css-class/에서
4.당신은이 작업을 수행 할 수 있습니다 : $ ( "#의 td_id") removeClass ( 'Old_class.'); $ ( "#의 td_id") addClass ( 'New_class.'); 또는 당신은이 작업을 수행 할 수 있습니다

당신은이 작업을 수행 할 수 있습니다 : $ ( "#의 td_id") removeClass ( 'Old_class.'); $ ( "#의 td_id") addClass ( 'New_class.'); 또는 당신은이 작업을 수행 할 수 있습니다
```
$("#td_id").removeClass('Old_class').addClass('New_class');
```
5.당신은 addClass 또는 toggleClass에서 확인하실 수 있습니다

당신은 addClass 또는 toggleClass에서 확인하실 수 있습니다
6.당신이 그것을 클릭 할 때 그것을 변경할 그래서 나 ... 전체 과정을 통해 가자. 의 당신의 "외부 DOM 개체"가 선택 같은 입력이라고 가정 해 봅시다 :

당신이 그것을 클릭 할 때 그것을 변경할 그래서 나 ... 전체 과정을 통해 가자. 의 당신의 "외부 DOM 개체"가 선택 같은 입력이라고 가정 해 봅시다 :

의이 HTML 시작하자 :
```
<body>
  <div>
    <select id="test">
      <option>Bob</option>
      <option>Sam</option>
      <option>Sue</option>
      <option>Jen</option>
    </select>
  </div>

  <table id="theTable">
    <tr><td id="cellToChange">Bob</td><td>Sam</td></tr>
    <tr><td>Sue</td><td>Jen</td></tr>
  </table>
</body>
```
아주 간단한 일부 CSS :
```
#theTable td {
    border:1px solid #555;
}
.activeCell {
    background-color:#F00;
}
```
그리고 jQuery를 이벤트를 설정합니다 :
```
function highlightCell(useVal){
  $("#theTable td").removeClass("activeCell")
      .filter(":contains('"+useVal+"')").addClass("activeCell");
}

$(document).ready(function(){
    $("#test").change(function(e){highlightCell($(this).val())});
});
```
당신이 선택에서 무언가를 선택할 때마다 지금, 그것은 자동으로 전체 ID 기반의 프로세스를 파괴 할 수 있도록 일치하는 텍스트가있는 셀을 찾을 수 있습니다. 당신이 그런 식으로 할 원한다면 물론, 당신은 쉽게 말해서 값이 아닌 ID를 사용하는 스크립트를 수정할 수 있습니다
```
.filter("#"+useVal)
```
적절하게 ID를 추가해야합니다. 도움이 되었기를 바랍니다!

7.편집하다:

편집하다:

당신이 중첩 된 요소에서 변화하고 있다는 말을하는 경우 모두에서 ID가 필요하지 않습니다. 대신이 작업을 수행 할 수 있습니다

$(this).closest('td').toggleClass('change_me some_other_class');
    //or
$(this).parents('td:first').toggleClass('change_me some_other_class');

원래 답 :

$('#td_id').removeClass('change_me').addClass('some_other_class');

또 다른 옵션은 다음과 같습니다

$('#td_id').toggleClass('change_me some_other_class');

8.경우에 당신은 이미, 같은 클래스를 추가하는 데 반대하는 이벤트를 전환 할 수 있습니다 체인을 클래스 사이의 대체에 클래스와 필요를 가지고 :

경우에 당신은 이미, 같은 클래스를 추가하는 데 반대하는 이벤트를 전환 할 수 있습니다 체인을 클래스 사이의 대체에 클래스와 필요를 가지고 :
```
$('li.multi').click(function(e) {
    $(this).toggleClass('opened').toggleClass('multi-opened');
});
```

9.

$('.btn').click(function() {
    $('#td_id').removeClass();
    $('#td_id').addClass('newClass');
});

or

$('.btn').click(function() {
    $('#td_id').removeClass().addClass('newClass');
});

10.이 방법은 나를 위해 잘 작동합니다

이 방법은 나를 위해 잘 작동합니다
```
$('#td_id').attr('class','new class');
```
11.jQuery를 사용하여 변화 클래스

jQuery를 사용하여 변화 클래스

이 시도
```
$('#selector_id').attr('class','new class');
```
당신은 또한이 쿼리를 사용하여 모든 속성을 설정할 수 있습니다
```
$('#selector_id').attr('Attribute Name','Attribute Value');
```
12.나는 더 클래스 이름을 변경하려면 .prop를 사용하고 완벽하게 일했다 :

나는 더 클래스 이름을 변경하려면 .prop를 사용하고 완벽하게 일했다 :
```
$(#td_id).prop('className','newClass');
```
이 코드 줄을 그냥합니다 NewClass의 이름을 변경해야하고, 다음 exemple의 요소 물론 ID의 : idelementinyourpage
```
$(#idelementinyourpage).prop('className','newClass');
```
페이지가 표시 될 때 그건 그렇고, 당신은 모든 요소에 적용되는 스타일을 검색 할 때, 당신은 당신의 브라우저에서 F12를 클릭 한 다음 DOM 탐색기, 당신이보고 싶은 요소의 탭에서 선택합니다. 스타일에서 당신은 지금 당신의 요소에 어느 클래스의 읽기에서 적용되는 어떤 스타일을 볼 수 있습니다.

from https://stackoverflow.com/questions/3452778/jquery-change-class-name by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] 혜성과 jQuery를 [폐쇄] (0)	2020.10.07
[JQUERY] 간단한 자바 스크립트 카운트 다운 타이머 코드? (0)	2020.10.07
[JQUERY] 보다 큼 /보다 적게보다는위한 스위치 문 (0)	2020.10.07
[JQUERY] '.ready $ (문서) ()'의 비 jQuery를 상응하는 무엇입니까? (0)	2020.10.07
[JQUERY] 어떻게 자동 완성 플러그인 결과를 맞춤 형식을 지정할 수 있습니다? (0)	2020.10.07

복붙노트

[JQUERY] JQuery와 변화 클래스 이름

JQuery와 변화 클래스 이름

해결법

1.이 같은 .attr ()를 사용하여 (에 관계없이 그것이 무엇의) 클래스를 설정할 수 있습니다 :

2.난 당신이 찾고있는 생각 :

3.나는 그가 클래스 이름을 대체하고 싶은 생각합니다.

4.당신은이 작업을 수행 할 수 있습니다 : $ ( "#의 td_id") removeClass ( 'Old_class.'); $ ( "#의 td_id") addClass ( 'New_class.'); 또는 당신은이 작업을 수행 할 수 있습니다

5.당신은 addClass 또는 toggleClass에서 확인하실 수 있습니다

6.당신이 그것을 클릭 할 때 그것을 변경할 그래서 나 ... 전체 과정을 통해 가자. 의 당신의 "외부 DOM 개체"가 선택 같은 입력이라고 가정 해 봅시다 :

7.편집하다:

8.경우에 당신은 이미, 같은 클래스를 추가하는 데 반대하는 이벤트를 전환 할 수 있습니다 체인을 클래스 사이의 대체에 클래스와 필요를 가지고 :

9.

10.이 방법은 나를 위해 잘 작동합니다

11.jQuery를 사용하여 변화 클래스

12.나는 더 클래스 이름을 변경하려면 .prop를 사용하고 완벽하게 일했다 :

'JQUERY' 카테고리의 다른 글

티스토리툴바