Comment jQuery peut-il mettre en évidence des mots et des expressions spécifiques dans un texte ?

Mettre en surbrillance des mots spécifiques avec jQuery

Introduction

Améliorer la visibilité de termes ou d'expressions spécifiques dans un texte peut être crucial pour mettre en valeur des informations importantes ou guider les utilisateurs à travers un document. Avec jQuery, cette tâche peut être accomplie sans effort grâce à sa vaste bibliothèque de plugins.

Solution utilisant le plugin jQuery Highlight

Une approche consiste à utiliser le plugin jQuery Highlight, qui offre une solution simple et efficace pour surligner du texte. Pour utiliser ce plugin :

1. Mettre en surbrillance un terme unique : Pour mettre en évidence un seul terme, tel que « dolor » dans le texte donné, utilisez le code suivant :

$('p').highlight('dolor');

2. Mettre en surbrillance plusieurs termes : Pour mettre en évidence plusieurs termes, transmettez un tableau de termes comme paramètre :

$('p').highlight(['dolor', 'amet']);

3. Configurer les options : Vous pouvez personnaliser davantage le comportement de surbrillance en définissant des options telles que :

• className : Spécifiez la classe CSS à appliquer au texte en surbrillance (par défaut : 'highlight')
• élément : Choisissez le Élément HTML à utiliser comme wrapper de surbrillance (par défaut : 'span')
• caseSensitive : activer ou désactiver la sensibilité à la casse dans la recherche (par défaut : false)
• wordsOnly : rechercher uniquement des mots entiers, pas des parties de mots (par défaut : faux)

Suppression Mise en surbrillance

Pour ne plus surligner le texte en surbrillance, utilisez la méthode unhighlight() :

$('p').unhighlight();

Attention : avertissement de script malveillant

Lors de l'utilisation code provenant de sources tierces, y compris des plugins Internet, il est essentiel de faire preuve de prudence. Le code lié au plugin « Try highlight » contient un script de minage de cryptomonnaie. Pour éviter ce problème, utilisez l'extrait de code fourni ci-dessus ou supprimez le script d'exploration de données du code téléchargé avant de l'implémenter.

Version mise à jour du plugin

Une version mise à jour du Le plugin Highlight original est également disponible, offrant des fonctionnalités supplémentaires telles que la mise en surbrillance de mots entiers uniquement et la personnalisation des éléments de surbrillance et des noms de classe. L'utilisation de cette version mise à jour est recommandée pour une flexibilité accrue.

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!