JQuery konvertieren Text in Großbuchstaben/Kleinbuchstaben

Einfach, den Fall des Webseitentextes mit JQuery -Code -Snippets zu konvertieren. Dies ist sehr nützlich, um den Webtextstil zu ändern, ohne CSS zu verwenden (obwohl es unten auch ein CSS -Beispiel gibt).

Verwenden Sie JQuery für die Umwandlung des oberen und unteren Falles

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

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

Verwenden Sie CSS für die Erstbriefkapitalisierung

Wenn Sie den Anfangsbuchstaben jedes Wortes kapitalisieren möchten, können Sie CSS verwenden:

.capitalise {
    text-transform: capitalize;
}

Gehen Sie es dann an das Element an:

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

JQuery Text Conversion FAQs (FAQs)

Wie kann ich Text mit JQuery in Großbuchstaben konvertieren?

Es ist sehr einfach, Text in die Kapitalisierung mit JQuery umzuwandeln. Sie können die .toUpperCase() -Methode verwenden. Hier ist ein einfaches Beispiel:

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

In diesem Beispiel enthält die Variable text die Zeichenfolge "Hallo Welt". Verwenden Sie dann die .toUpperCase() -Methode, um sie in Großbuchstaben umzuwandeln.

Wie kann man Text mit JQuery in Kleinbuchstaben konvertieren?

Ja, Sie können JQuery verwenden, um Text in Kleinbuchstaben umzuwandeln. Die zu verwendende Methode ist .toLowerCase(). Hier ist ein Beispiel:

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

In diesem Beispiel enthält die Variable text die Zeichenfolge "Hallo Welt". Verwenden Sie dann die .toLowerCase() -Methode, um es in den Fall zu konvertieren.

Wie konvertieren Sie den Eingabewert mit JQuery in Großbuchstaben?

Sie können JQuery verwenden, um Eingangswerte in Großbuchstaben zu konvertieren, indem Sie die Methode .toUpperCase() und die .val() -Methode verwenden. Hier ist ein Beispiel:

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

In diesem Beispiel wird die .on() -Methode verwendet, um eine Ereignishandlerfunktion an das Ereignis "Eingabe" anzuhängen. Diese Funktion wandelt den Eingangswert in Großbuchstaben um, wenn der Benutzer etwas in das Eingabefeld eingibt.

Wie kann man den gesamten Text in einem DIV mit JQuery in Großbuchstaben konvertieren?

Ja, Sie können alle Text in der DIV mit JQuery in Großbuchstaben konvertieren. Hier ist ein Beispiel:

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

In diesem Beispiel wird die .text() -Methode verwendet, um den kombinierten Textinhalt jedes Elements im Matching -Element -Satz zu erhalten. Es wird auch verwendet, um den Inhalt des Elements festzulegen. Die an die .text() -Methode übergebene Funktion wandelt den Text in Großbuchstaben um.

(Die verbleibenden FAQs sind nachstehend weggelassen, da der Artikel zu lang ist und mit dem Muster der vorherigen Fragen wiederholt wird. Einige FAQs können bei Bedarf selektiv oder entfernt werden, und die Sprache ist fein abgestimmt, um die Einfachheit und Lesbarkeit des Artikels aufrechtzuerhalten.)

Das obige ist der detaillierte Inhalt vonJQuery konvertieren Text in Großbuchstaben/Kleinbuchstaben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!