Latest web development tutorials

jQuery setzen den Inhalt und Eigenschaften

Stellen Sie den Inhalt - Text (), HTML () und val ()

Wir werden die gleiche Methode verwenden, wie im vorherigen Kapitel drei Forderungen gestellt:

  • (Text) - Legt fest oder gibt den Text-Inhalt des ausgewählten Elements
  • (Html) - Setzt oder gibt den Inhalt des ausgewählten Elements (einschließlich HTML-Tags)
  • val () - Gibt den Wert oder die Formularfelder

Das folgende Beispiel zeigt, wie Text (), HTML () und val () Methode, den Inhalt zu setzen:

Beispiele

$ ( "# Btn1"). Klicken Sie auf (function () {
$ ( "# Test1") Text ( "Hallo Welt!") .;
});
$ ( "# Btn2"). Klicken Sie auf (function () {
$ ( "# Test2") html ( "<b> Hallo Welt </ b>") .;
});
$ ( "# Btn3"). Klicken Sie auf (function () {
$ ( "# Test3") val ( "w3big") .;
});

Versuchen »


text (), HTML () und val () Callback-Funktion

Die drei oben genannten jQuery-Methoden: text (), HTML () und val (), hat auch eine Callback-Funktion. Rückruf durch zwei Parameter: das ausgewählte Element in der Liste der Elemente unter dem aktuellen Standard, ebenso wie das Original (alte) Wert. Dann gibt die Funktion den Wert, den Sie die neue Zeichenfolge verwenden möchten.

Das folgende Beispiel zeigt Text mit einem Rückruf () und html ():

Beispiele

$ ( "# Btn1"). Klicken Sie auf (function () {
$ ( "# Test1"). Text (function (i, origText) {
Rückkehr "alter Text:" + origText + "neuen Text: Hallo Welt (Index :!" + i + ")";
});
});

$ ( "# Btn2"). Klicken Sie auf (function () {
$ ( "# Test2"). Html (function (i, origText) {
Rückkehr "alte html:" + origText + "neue html: Hallo <b> Welt </ b> (Index :!" + i + ")";
});
});

Versuchen »


Set Attribute - attr ()

jQuery attr () -Methode verwendet, um die Eigenschaft Wert zu setzen / ändern.

Das folgende Beispiel zeigt, wie der Wert (Einstellung) link href Attribut zu ändern:

Beispiele

$ ( "Button"). Klicken Sie auf (function () {
$ ( "# W3big") .attr ( "href", "http://www.w3big.com/jquery");
});

Versuchen »

attr () -Methode können Sie auch mehrere Objekte gleichzeitig zu setzen.

Das folgende Beispiel zeigt, wie die beiden href und title-Attribut zu setzen:

Beispiele

$ ( "Button"). Klicken Sie auf (function () {
$ ( "# W3big"). Attr ({
"Href": "http://www.w3big.com/jquery",
"Titel": "jQuery Tutorial"
});
});

Versuchen »


attr () Callback-Funktion

Methode jQuery attr (), auch eine Callback-Funktion. Rückruf durch zwei Parameter: das ausgewählte Element in der Liste der Elemente unter dem aktuellen Standard, ebenso wie das Original (alte) Wert. Dann gibt die Funktion den Wert, den Sie die neue Zeichenfolge verwenden möchten.

Das folgende Beispiel illustriert mit einer Callback-Funktion attr () -Methode:

Beispiele

$("button").click(function(){
$("#w3big").attr("href", function(i,origValue){
return origValue + "/jquery";
});
});

Versuchen »