suchen

Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der end()-Methode_jquery von jQuery

Detaillierte Erläuterung der end()-Methode_jquery von jQuery

WBOY
WBOYOriginal
2016-05-16 15:50:151233Durchsuche

Definition und Verwendung der end()-Methode:

Die

end()-Methode kann zum letzten „destruktiven“ Vorgang zurückkehren, d. h. die Liste der übereinstimmenden Elemente in den vorherigen Zustand ändern.
Wenn keine destruktiven Operationen vorhanden sind, wird ein leerer Satz zurückgegeben.
Das Konzept der destruktiven Operation: bezieht sich auf jede Operation, die die übereinstimmenden Elemente verändert. Vielleicht ist sich jeder unsicher, was dieses Konzept angeht. Hier ist ein Beispiel: 

$("li").css("color","red");

Die CSS-Funktion im obigen Code ist keine destruktive Operation, da sich die Liste der übereinstimmenden Elemente nicht ändert, sondern die CSS-Eigenschaften des Textinhalts im Element geändert werden. 

$("li").find(".first")

Der obige Code ist eine destruktive Operation, da sich die Liste der übereinstimmenden Elemente geändert hat. Wenn es beispielsweise drei li-Elemente gibt, enthält die Liste der übereinstimmenden Elemente jedoch drei Elemente. Gibt es nur ein passendes Element in der Liste, bedeutet dies, dass eine „zerstörerische“ Operation stattgefunden hat.
Grammatische Struktur:

$(selector).end()

Beispielcode:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){ 
 $(".first").find(".div").css("color","green"); 
 $(".second").find(".div").end().css("color","blue"); 
 $(".third").find(".js").css("color","blue").end().css("color","red") 
}) 
</script>
</head>
<body>
<div>
 <ul class="first">
  <li>HTML专区</li>
  <li>Javascript专区</li>
  <li class="div">Div+Css专区</li>
  <li>Jquery专区</li>
 </ul>
 <ul class="second">
  <li>HTML专区</li>
  <li>Javascript专区</li>
  <li class="div">Div+Css专区</li>
  <li>Jquery专区</li>
 </ul>
 <ul class="third">
  <li>HTML专区</li>
  <li class="js">Javascript专区</li>
  <li>Div+Css专区</li>
  <li>Jquery专区</li>
 </ul>
</div>
</body>
</html>

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

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
Vorheriger Artikel：jQuery implementiert einfach das Verifizierungs-E-Mail-Format_jqueryNächster Artikel：jQuery implementiert einfach das Verifizierungs-E-Mail-Format_jquery

In Verbindung stehende Artikel

Mehr sehen