Heim >Web-Frontend >js-Tutorial >Anwendungsbeispiele der andSelf()-Methode in jQuery

Anwendungsbeispiele der andSelf()-Methode in jQuery

巴扎黑
巴扎黑Original
2017-06-24 10:33:221344Durchsuche

In diesem Artikel wird hauptsächlich die Verwendung der andSelf()-Methode in jQuery vorgestellt. Er analysiert die Verwendungsfähigkeiten der andSelf()-Methode, um zuvor ausgewählte Elemente zur aktuellen Elementsammlung hinzuzufügen kann darauf verweisen.

Das Beispiel in diesem Artikel beschreibt die Verwendung der andSelf()-Methode in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode kann das zuvor ausgewählte Element zur aktuellen Elementsammlung hinzufügen.

Grammatikstruktur:

Der Code lautet wie folgt:

.andSelf()

Es ist für diese Methode möglich Es ist schwer zu verstehen, deshalb analysieren wir das folgende Beispiel im Detail. Um die Anzeige des Codes zu erleichtern, wurde nur der Kerninhalt des Codes abgefangen.

Der Code lautet wie folgt:

$(".second").
next
All().css("color","green"); 
<ul> 
  <li>html专区</li> 
  <li class="second">p+CSS专区</li> 
  <li>
Javascript
专区</li> 
  <li>Jquery专区</li> 
</ul>

Nachdem der obige Code ausgeführt wurde, wird die Textfarbe im dritten und vierten Li auf Grün gesetzt. Schauen Sie sich den folgenden Code noch einmal an:

Der Code lautet wie folgt:

$(".second").nextAll().andSelf().css("color","green");
<ul>
  <li>html专区</li>
  <li class="second">p+CSS专区</li>
  <li>Javascript专区</li>
  <li>Jquery专区</li>
</ul>

Nachdem der obige Code ausgeführt wurde, wird die Textfarbe im zweiten, dritten und vierten Li auf Grün gesetzt .
Der Unterschied in den Laufergebnissen der beiden Codes ist auf die andSelf()-Methode zurückzuführen.

Analysieren Sie den Ausführungsprozess des Codes: Verwenden Sie zunächst den Klassenselektor , um das zweite li-Element auszuwählen, und verwenden Sie dann die nextAll()-Methode, um das dritte und vierte Element in das aktuell ausgewählte Element umzuwandeln . Wenn Sie hier mit dem Aufruf der Methode css() beginnen, ist dies das Ergebnis des ersten Codeabschnitts. Wenn die Methode andSelf () aufgerufen wird, wird das zuvor ausgewählte Element zur aktuellen Elementsammlung hinzugefügt. Anschließend wird die Methode css () aufgerufen und die Schriftfarbe in den drei li-Elementen wird grün.

Beispielcode:

Der Code lautet wie folgt:

<!DOCTYPE html>
<html>
<
head
>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(
document
).ready(function(){ 
  $(".second").nextAll().andSelf().css("color","green"); 
}) 
</script> 
</head> 
<body> 
<p> 
  <ul> 
    <li>html专区</li> 
    <li class="second">p+CSS专区</li> 
    <li>Javascript专区</li> 
    <li>Jquery专区</li> 
  </ul> 
</p> 
</body> 
</html>

Das obige ist der detaillierte Inhalt vonAnwendungsbeispiele der andSelf()-Methode in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn