suchen

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

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

巴扎黑
巴扎黑Original
2017-06-22 10:00:361243Durchsuche

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();
});
        }); >
>
 
 < p class
='classA'>   <
p Klasse="part">
Inhalt 1p> ; < p
class="all" style= "display:none"> ;Inhalt 1, hahaha, ich habe ihn erweitert, hier ist mehr Inhaltp>
  p> <p class= 'classA'>                                     🎜>>Inhalt. 2p> >Klasse
="alle" Stil="display:none">Inhalt 2, hahaha, ich habe es erweitert, hier ist mehr Inhalt
p>  p> <p Klasse
= 'classA' ><p Klasse="part">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!

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：Grundlegende Einführung und detaillierte Erläuterung der Verwendung des prev + next-Selektors in jQueryNächster Artikel：Grundlegende Einführung und detaillierte Erläuterung der Verwendung des prev + next-Selektors in jQuery

In Verbindung stehende Artikel

Mehr sehen