Este artigo descreve como modificar, adicionar e excluir estilos de classe pelo JS. Compartilhe para sua referência. A análise específica é a seguinte:
Uma função front-end mais comum do JS, que pode realizar a função correspondente modificando o nome da classe da tag.
O código específico é o seguinte:
Copie o código da seguinte forma: <table>
<Tbody>
<tr>
<td> js implementa modificação de estilo de classe, adição e remoção </td>
<Td>
<a e_value = "g_sn" ename = "código do produto" href = "javascript: void (0);"> código do produto </a>
<a e_value = "pdt_sn" ename = "número do item do produto" href = "javascript: void (0);"> número do item do produto </a>
<a e_value = "pdt_name" ename = "nome da especificação" href = "javascript: void (0);"> nome da especificação </a>
</td>
</tr>
</tbody>
<Tbody>
<tr>
<Td> <a onclick = "selectall ()" style = "cor:#f00"> selecione todos </a> </td>
<Td> <a onclick = "selectNotall ()" style = "cor:#f00"> sem seleção </a> </td>
</tr>
</tbody>
</tabela>
<Cript>
$ ('. bens_sale_property'). Clique (function () {// Clique para adicionar classe em uma tag sozinha
if ($ (this) .hasclass ('bens_sale_property_checked')) {
$ (this) .RemoveClass ('bens_sale_property_checked');
}outro{
$ (this) .addclass ('bens_sale_property_checked');
}
});
função selectall () {// Selecione todas as classes
$ ('. bens_sale_property'). cada (função (i) {
$ (this) .addclass ('bens_sale_property_checked');
});
}
função selectNotall () {// Selecione todas as classes de exclusão
$ ('. bens_sale_property'). cada (função (i) {
$ (this) .RemoveClass ('bens_sale_property_checked');
});
}
</script>
Espero que este artigo seja útil para a programação JavaScript de todos.