Heim >Web-Frontend >js-Tutorial >Beispiel für die Verwendung der prev()-Methode in jQuery
In diesem Artikel wird hauptsächlich die Verwendung der prev()-Methode in jQuery vorgestellt. Er analysiert die Funktion, Definition und Verwendung der prev()-Methode, um das unmittelbar vorhergehende Geschwisterelement jedes Elements zu erhalten Tipps zum passenden Elementsatz finden Freunde, die sie benötigen:
Dieser Artikel erklärt die Verwendung der prev()-Methode in jQuery anhand von Beispielen. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:
Diese Methode verwendet das unmittelbar vorhergehende Geschwisterelement jedes Elements im passenden Elementsatz.
Die Sammlung von Geschwisterelementen kann nach Selektoren gefiltert werden.
Grammatikstruktur:
Der Code lautet wie folgt:
$(selector).prev(expr)
Parameterliste:
Parameters |
Beschreibung
|
expr td>Optional. Expression
| |
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>prev() 函数 -PHP中文网</title> <style type="text/css"> .father{ height:200px; width:200px; border:1px solid blue; } </style> <script type="text/ javascript " src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $( document ).ready(function(){ $(".father p").prev().css("color","blue") }) </script> </head> <body> <p class="father"> <p>我是p元素</p> <span>我是span元素</span> <p>我是p元素</p> <p>我是p元素</p> </p> </body> </html>Beispiel 1:
Das Obige Code Sie können den Wert class
attributeauf die Schriftfarbe des vorherigen Elements jedes p-Elements im Satz von p-Elementen unter dem Vaterelement auf Blau setzen.
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>prev()函数-PHP中文网</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("li").prev(".js").css("color","red"); }) </script> </head> <body> <p> <ul> <li>HTML专区</li> <li class="js">Javascript专区</li> <li>p+Css专区</li> <li>Jquery专区</li> </ul> </p> </body> </html>Beispiel 2:Der Code lautet wie folgt:Der obige Code kann die Schriftart des Elements ändern, dessen Klassenattributwert jeweils js ist li-Element in der Sammlung aller li-Elemente. Die Farbe ist auf Rot gesetzt.
Das obige ist der detaillierte Inhalt vonBeispiel für die Verwendung der prev()-Methode in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!