Maison >interface Web >tutoriel CSS >Comment puis-je modifier la classe d'une balise TD avec jQuery ?
Changer le nom de la classe avec jQuery
Lorsque vous traitez des pages Web dynamiques, vous devrez peut-être modifier des éléments spécifiques en modifiant leurs classes. Cet article explique comment changer la classe d'une balise td en fonction de son ID à l'aide de jQuery.
Pour accéder à l'élément td avec un ID donné, utilisez le sélecteur $('#td_id'). Une fois que vous avez la référence de l'élément, vous pouvez utiliser les méthodes jQuery pour modifier sa classe.
Définition de la classe :
Pour définir la classe quelle que soit sa valeur précédente, utilisez .attr() :
$('#td_id').attr('class', 'newClass');
Ajout d'une classe :
Pour ajouter un nouvelle classe sans affecter celles existantes, utilisez .addClass() :
$('#td_id').addClass('newClass');
Basculer les classes :
Pour basculer entre deux classes, utilisez .toggleClass() :
$('#td_id').toggleClass('change_me newClass');
Cela ajoutera une nouvelle classe si elle n'est actuellement pas présente et vice versa. Voici une référence aux [méthodes d'attribut de classe de jQuery](https://api.jquery.com/category/attributes/class-attribute/) pour une exploration plus approfondie.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!