이 기사에서는 JS가 클래스 스타일을 수정, 추가 및 삭제하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 분석은 다음과 같습니다.
JS의보다 일반적인 프론트 엔드 함수로, 태그의 클래스 이름을 수정하여 해당 함수를 실현할 수 있습니다.
특정 코드는 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <pable>
<tbody>
<tr>
<td> js는 클래스 스타일 수정, 추가 및 제거 </td>를 구현합니다
<td>
<a e_value = "g_sn"ename = "제품 코드"href = "javaScript : void (0);"> 제품 코드 </a>
<a e_value = "pdt_sn"ename = "제품 품목 번호"href = "javaScript : void (0);"> 제품 항목 번호 </a>
<a e_value = "pdt_name"ename = "사양 이름"href = "javaScript : void (0);"> 사양 이름 </a>
</td>
</tr>
</tbody>
<tbody>
<tr>
<td> <a onclick = "selectall ()"스타일 = "색상 :#f00"> 모두 선택 </a> </td>
<td> <a onclick = "selectNoTall ()"스타일 = "색상 :#f00"> 선택 없음 </a> </td>
</tr>
</tbody>
</테이블>
<cript>
$ ( '. goods_sale_property'). 클릭 (function () {// 태그만으로 클래스를 추가하려면 클릭하십시오
if ($ (this) .hasclass ( 'goods_sale_property_checked')) {
$ (this) .removeClass ( 'goods_sale_property_checked');
}또 다른{
$ (this) .addclass ( 'goods_sale_property_checked');
}
});
function selectall () {// 모든 클래스를 선택합니다
$ ( '. goods_sale_property'). 각 (함수 (i) {
$ (this) .addclass ( 'goods_sale_property_checked');
});
}
함수 selectNoTall () {// 모든 삭제 클래스를 선택합니다
$ ( '. goods_sale_property'). 각 (함수 (i) {
$ (this) .removeClass ( 'goods_sale_property_checked');
});
}
</스크립트>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.