HOWTO · jQuery
jQuery Änderungstext
Um Webinhalte dynamischer und die Benutzernavigation wirkungsvoller zu gestalten, kann die Methode jQuery text() effektiv arbeiten. Welche Nachricht oder Änderung auch immer vorgenommen werden soll, kann aktiviert werden, indem sie an die Methode text() übergeben wird. Die Methode gibt dann den übergebenen Wert im visuellen Abschnitt zurück.
Auf dieser Seite
In jQuery gibt es mehrere Konventionen, um Probleme in weniger Codezeilen zu lösen. Ebenso eine Ergänzung ist die Methode text().
die text()-Methode in jQuery
Im Allgemeinen gibt die Funktion text() den Textwert eines bestimmten Elements zurück, wenn es auf seine Instanz angewendet wird. Angenommen, wir haben ein p-Tag mit einer Nachricht: It's a line.
Also haben wir die Syntax wie folgt:
<p id="line"> It's a line.</p>
Wenn wir die Methode text() auf die Instanz anwenden, gibt sie "It's a line." zurück. Die Syntax ist wie folgt:
$('#line').text(); // output = "It's a line."
In unseren Beispielsets demonstrieren wir, wie wir den bestehenden Text mit etwas Neuem nach Belieben verändern können. Die erste Instanz wird also eine direkt ändernde Implementierung haben; die nächste wird über ein Click-Event durchgeführt. Steigen wir ein!
Verwenden Sie die text()-Methode, um Text direkt mit jQuery zu ändern
Die Methode text() nimmt für dieses Beispiel den neuen Textwert als String-Parameter. Sie können auch einen dynamischen Wert Ihres Willens initiieren.
Es ändert einfach den Wert des statischen HTML-Texts und der Vorschauseite. Lassen Sie uns die Code-Zäune überprüfen, um dies zu untersuchen.
Code-Auszug:
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script>
$(document).ready(function() {
$('#title').text("New Text");
});
</script>
</head>
<body>
<p id='title'>Text</p>
Ausgabe:
Verwenden Sie die text()-Methode, um Text mit Klickereignissen mit jQuery zu ändern
Das Verfahren hier wird dem vorherigen ähnlich sein. Wenn wir hier den grundlegenden Unterschied machen, werden wir ein Klick-Ereignis machen, um den Änderungseffekt auszulösen.
Wir werden auch sehen, wie der HTML-Textinhalt beim Klicken auf das Klickereignis verzerrt wird. Kommen wir zu den Codezeilen.
Code-Auszug:
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script>
$(document).ready(function() {
$('#press').click(function(){
$('#title').text("Text Altered");
});
});
</script>
</head>
<body>
<p id='title'>Text</p>
<button id="press">Text Change</button>
Ausgabe:
