Maison > interface Web > js tutoriel > Utilisez JS pour implémenter les compétences addClass, removeClass et hasClass de jQuery

Utilisez JS pour implémenter les compétences addClass, removeClass et hasClass de jQuery

WBOY
Libérer: 2016-05-16 16:32:34
original
1381 Les gens l'ont consulté

Pas d'autres bêtises, passons directement au code

Copier le code Le code est le suivant :

fonction addClass(obj, cls){
var obj_class = obj.className,//Obtenir le contenu de la classe.
Blank = (obj_class != '') ? ' ' : '';//Déterminez si la classe obtenue est vide, sinon ajoutez un 'espace' devant.
ajouté = obj_class blank cls;//Combinez la classe d'origine et la classe qui doit être ajoutée.
Obj.className = ajouté;//Remplacer la classe d'origine.
>

fonction removeClass(obj, cls){
var obj_class = ' ' obj.className ' ';//Récupère le contenu de la classe et ajoute un espace au début et à la fin ex) 'abc bcd' -> ' abc bcd '
obj_class = obj_class.replace(/(s )/gi, ' '),//Remplacez le caractère nul supplémentaire par un espace. ex) ' abc bcd ' -> ' abc bcd '
Supprimé = obj_class.replace(' ' cls ' ', ' ');//Remplacez la classe par des espaces au début et à la fin de la classe d'origine ex) ' abc bcd ' -> Supprimé = supprimé.replace(/(^s )|(s $)/g, '');//Supprimer les espaces de début et de fin ex) 'bcd ' -> Obj.className = supprimé;//Remplacer la classe d'origine.
>

fonction hasClass(obj, cls){
var obj_class = obj.className,//Obtenir le contenu de la classe.
Obj_class_lst = obj_class.split(/s /);//Convertissez les cls en un tableau en divisant le caractère nul.
x = 0;
pour (x dans obj_class_lst) {
If(obj_class_lst[x] == cls) {//Boucle le tableau pour déterminer s'il contient des cls
             return true ;
>
>
Renvoie faux ;
>


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal