[jquery] Kombinieren Sie die Klassenauswahl-, Next- und Prev-Methoden, um den Erweiterungs- und Ausblendungseffekt benachbarter Knoten zu erzielen-js-Tutorial-php.cn

[jquery] Kombinieren Sie die Klassenauswahl-, Next- und Prev-Methoden, um den Erweiterungs- und Ausblendungseffekt benachbarter Knoten zu erzielen

巴扎黑

Freigeben： 2017-06-22 10:00:36

Original

1245 Leute haben es durchsucht

Bei Seiteneffekten kann das ID--Attribut manchmal nicht zu den von unserem Programm ausgeschleiften Spalten hinzugefügt werden, da es möglicherweise Listen gibt, die möglicherweise mehrere identische IDs ausschleifen, sodass Jquery nicht verwendet werden kann s ID-Selektor , zu diesem Zeitpunkt können wir den Klassenselektor verwenden,

Gleichzeitig müssen wir möglicherweise auch den Betrieb dieses Knotenelements auf den aktuellen beschränken p (oder Tabelle (Mitte), schauen wir uns den Code an:

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/ xhtml1-transitional.dtd">
<html xmlns="http:/ /www.w3.org/1999/xhtml">
<Kopf>
 <meta http-equiv="Content-Type" content="text /html; charset=utf-8" />
 <title> jquery效果title>
 <script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript" >Skript>
 <Skript type="text/javascript">
 //展开隐藏层
 $(document).ready(function () {
 $(".part").click(function () {
 var hideP = $(this).next();
 if (hideP.css('display') == 'none') {
 hideP. show();
 $(this).hide();
 }
 🎜> { hideP.hide() }); $( "

.all").click(

function
() { var hideP = $(this
).prev(); if (hideP.css('display'
) == 'none') { hideP.show(); $(this).hide(); }else {
hideP.hide();
$(this).show();
});
 }); >
>

 
Inhalt 1p> ; ;Inhalt 1, hahaha, ich habe ihn erweitert, hier ist mehr Inhaltp>
p> 🎜>>Inhalt. 2p> >Klasse
="alle" Stil="display:none">Inhalt 2, hahaha, ich habe es erweitert, hier ist mehr Inhalt
p> p> Inhalt 3p>
 >. style="display:none">Inhalt 3, hahaha, ich habe es erweitert, hier ist mehr Inhaltp> >>html
> Das heißt, ich möchte Erweitern Sie den verborgenen Inhalt in Klasse A, ohne dass sich dies auf andere Inhalte in derselben Klasse A auswirkt. Tatsächlich liegt der Schwerpunkt hier auf der Verwendung der Methoden jquery next und prev. Natürlich kann es auch in anderen Situationen verwendet werden.

Das obige ist der detaillierte Inhalt von[jquery] Kombinieren Sie die Klassenauswahl-, Next- und Prev-Methoden, um den Erweiterungs- und Ausblendungseffekt benachbarter Knoten zu erzielen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!