JQUERY Convertir le texte en majuscules / minuscules

Facile à convertir le cas du texte de la page Web à l'aide des extraits de code jQuery. Ceci est très utile pour modifier le style de texte Web sans utiliser CSS (bien qu'il existe également un exemple CSS ci-dessous).

Utilisez jQuery pour la conversion supérieure et inférieure

//小写
$('jqueryselector').val($(this).val().toLowerCase());

//大写
$('jqueryselector').val($(this).val().toUpperCase());

Utiliser CSS pour la capitalisation des lettres initiale

Si vous souhaitez capitaliser la lettre initiale de chaque mot, vous pouvez utiliser CSS:

.capitalise {
    text-transform: capitalize;
}

puis ajoutez-le à l'élément:

$('jqueryselector').addClass('capitalise');

jQuery Text Conversion FAQs (FAQs)

Comment convertir le texte en majuscules à l'aide de jQuery?

Convertir du texte en capitalisation à l'aide de jQuery est très simple. Vous pouvez utiliser la méthode .toUpperCase(). Voici un exemple simple:

var text = "hello world";
var upperCaseText = text.toUpperCase();
console.log(upperCaseText); // 输出：HELLO WORLD

Dans cet exemple, la variable text contient la chaîne "Hello World". Utilisez ensuite la méthode .toUpperCase() pour la convertir en majuscules.

Comment convertir le texte en minuscules à l'aide de jQuery?

Oui, vous pouvez utiliser jQuery pour convertir du texte en minuscules. La méthode à utiliser est .toLowerCase(). Voici un exemple:

var text = "HELLO WORLD";
var lowerCaseText = text.toLowerCase();
console.log(lowerCaseText); // 输出：hello world

Dans cet exemple, la variable text contient la chaîne "Hello World". Utilisez ensuite la méthode .toLowerCase() pour la convertir en minuscules.

Comment convertir la valeur d'entrée en majuscules à l'aide de jQuery?

Vous pouvez utiliser jQuery pour convertir les valeurs d'entrée en majuscules en utilisant la méthode .toUpperCase() et la méthode .val(). Voici un exemple:

$('input').on('input', function() {
  this.value = this.value.toUpperCase();
});

Dans cet exemple, la méthode .on() est utilisée pour attacher une fonction de gestionnaire d'événements à l'événement "d'entrée". Cette fonction convertit la valeur d'entrée en majuscules chaque fois que l'utilisateur tape quelque chose dans le champ de saisie.

Comment convertir tout le texte dans une div en majuscules à l'aide de jQuery?

Oui, vous pouvez convertir tout le texte dans la div en majuscule à l'aide de jQuery. Voici un exemple:

$('div').text(function(i, text) {
  return text.toUpperCase();
});

Dans cet exemple, la méthode .text() est utilisée pour obtenir le contenu texte combiné de chaque élément dans l'ensemble d'élément correspondant. Il est également utilisé pour définir le contenu de l'élément. La fonction transmise à la méthode .text() convertit le texte en majuscule.

(Les FAQ restantes sont omises ci-dessous car l'article est trop long et est répété avec le modèle des questions précédentes. Certaines FAQ peuvent être conservées sélectivement ou supprimées au besoin, et la langue est affinée pour maintenir la simplicité et la lisibilité de l'article.)

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!