Analyse zur Verwendung von append() und appendto() in jquery-js-Tutorial-php.cn

Analyse zur Verwendung von append() und appendto() in jquery

巴扎黑

Freigeben： 2017-06-24 11:24:00

Original

1864 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Verwendungsanalyse von append() und appendto() in jquery vorgestellt. Er analysiert die spezifische Syntax und die detaillierte Verwendung von append() und appendto() in jquery in Form von Beispielen . Es ist erforderlich, dass Freunde darauf verweisen können

Dieser Artikel analysiert die Verwendung von append() und appendto() in jquery anhand von Beispielen. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

In der Dokumentoperationsmethode von jQuery führen die Methoden append () und appendto () dieselben Aufgaben aus, es gibt jedoch auch Unterschiede zwischen den beiden.

1. append()-Methode: Fügt den angegebenen Inhalt am Ende des ausgewählten Elements ein (aber immer noch innerhalb des Elements).

a. Syntax:

Der Code lautet wie folgt:

$(selector).append(content);

Daunter der Parameterinhalt ist ein erforderlicher und angegebener Inhalt, der angehängt werden soll.

b. Mit der Funktion können Sie Inhalte an das ausgewählte Element anhängen. Die Syntax lautet:

Der Code lautet wie folgt:

$ (selector).append( function(index,html));

Unter diesen ist function() erforderlich und die Parameter index und html sind optional. Der Index stellt die Indexposition des empfangenden Selektors dar, und HTML stellt den aktuellen HTML-Code des empfangenden Selektors dar.

Beispiel:

Der Code lautet wie folgt:

<html>  
<head>  
<script type="text/
javascript
" src="/jquery/jquery.js"></script>  
<script type="text/javascript">  
$(
document
).ready(function(){  
  $("button").click(function(){  
    $("p").append(" <b>Hello jQuery!</b>");  
  });  
});  
</script>  
</head>  
<body>  
<p>This is a paragraph.</p>  
<p>This is another paragraph.</p>  
<button>在每个 p 元素的结尾添加内容</button>  
</body>  
</html>

Nach dem Login kopieren

Das laufende Ergebnis lautet wie folgt:

Dies ist ein Absatz. Hallo jQuery!

Dies ist ein weiterer Absatz. Hallo jQuery!

2. Füge den angegebenen Inhalt am Ende des ausgewählten Elements ein (aber immer noch innerhalb des Elements). ). Sie können jedoch keine Funktionen zum Anhängen von Inhalten verwenden. Syntax:

Der Code lautet wie folgt:

$(content).appendto(selector);

Beispiel:

Der Code lautet wie folgt:

<html>  
<head>  
<script type="text/javascript" src="/jquery/jquery.js"></script>  
<script type="text/javascript">  
$(document).ready(function(){  
  $("button").click(function(){  
    $("<b> Hello jQuery!</b>").appendTo("p");  
  });  
});  
</script>  
</head>  
<body>  
<p>This is a paragraph.</p>  
<p>This is another paragraph.</p>  
<button>在每个 p 元素的结尾添加内容</button>  
</body>  
</html>

Nach dem Login kopieren

Das laufende Ergebnis lautet wie folgt:

Dies ist ein Absatz Hallo jQuery!

Dies ist ein weiterer Absatz. Hallo jQuery!

Das obige ist der detaillierte Inhalt vonAnalyse zur Verwendung von append() und appendto() in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!