Heim > Web-Frontend > js-Tutorial > Hauptteil

Beispiel für die Verwendung der prevAll()-Methode in jQuery

巴扎黑
Freigeben: 2017-06-24 09:57:34
Original
1378 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die Verwendung der prevAll()-Methode in jQuery vor. Er analysiert die Funktion und Definition der prevAll()-Methode anhand von Beispielen und die Verwendungsfähigkeiten zum Finden aller Geschwisterelemente vor dem passenden Elementsatz . Freunde, die es brauchen Sie können sich auf die folgenden Beispiele beziehen

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

Diese Methode findet alle Geschwisterelemente vor dem passenden Elementsatz.
Die Sammlung von Geschwisterelementen kann nach Selektoren gefiltert werden.

Grammatikstruktur:

Der Code lautet wie folgt:

$("selector").prevAll(expr)
Nach dem Login kopieren

Parameterliste:

Parameters
参数描述
expr可选。用于过滤的表达式
Beschreibung

< /td>

expr< span style="font-size:12px;word-wrap: break-word">Optional. Ausdruck zum Filtern.

Beispielcode:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</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").prevAll().css("color","blue") 
}) 
</script>
</head>
<body>
<p class="father">
  <p>我是p元素</p>
  <span>我是span元素</span>
  <p>我是p元素</p>
  <p>我是p元素</p>
</p>
</body>
</html>
Nach dem Login kopieren
Beispiel 1:

Der Code ist wie folgt folgt:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</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").prevAll("span").css("color","blue") 
}) 
</script>
</head>
<body>
<p class="father">
  <p>我是p元素</p>
  <span>我是span元素</span>
  <p>我是p元素</p>
  <p>我是p元素</p>
</p>
</body>
</html>
Nach dem Login kopieren
Beispiel 2:Der Code lautet wie folgt:

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage