Detailliertes Beispiel des Kettenprogrammierstils von jQuery

$("#box").css("Hintergrund", "pink").css("Schriftgröße":"29px");
$("#box").geschwister().css("Hintergrund", "");

$("#box").css("Hintergrund", "rosa").geschwister().css("Hintergrund", "rot");

    //Deklarieren Sie in js ein Objekt var obj = {  
         name:"Name", 
        Beschreibung: Funktion(){   
        console.log(this); // Aktuelles Objekt ausgeben console.log(this.name); // Eigenschaft des Objekts aufrufen return this; // Das Prinzip der Kettenprogrammierung besteht darin, dass nach dem Aufruf der Methode die Methode selbst das Objekt zurückgibt.
},  
      lesen: Funktion(){  
        console.log("hallo!");    
        gib dies zurück; 
    }}

<Text>
    <div>
        <ul Klasse="Menü">
            <li Klasse="Ebene1">
                <a href="#">Obst</a>
                <ul Klasse="Ebene2">
                    <li><a href="#">Apfel</a></li>
                    <li><a href="#">Ananas</a></li>
                    <li><a href="#">Melone</a></li>
                </ul>
            </li>
            <li Klasse="Ebene1">
                <a href="#">Grundnahrungsmittel</a>
                <ul Klasse="Ebene2">
                    <li><a href="#">Nudeln</a></li>
                    <li><a href="#">Mantou</a></li>
                    <li><a href="#">Reis</a></li>
                </ul>
            </li>
        </ul>
    </div>
</body>

<Skripttyp="text/javascript">
    $(Funktion() {
        $(".level1 > a").klick(function() {
            $(diese).addClass("aktuell").nächste().zeigen().übergeordnet.geschwister().kinder("ein").removeClass("aktuell").nächste().verstecken();
            gibt false zurück;
        });
    });
</Skript>

<Skripttyp="text/javascript">
    $(Funktion() {
        $(".level1 > a").klick(function() {
            // Füge dem aktuellen Element den aktuellen Stil hinzu $(this).addClass("current")
                // Das nächste Element wird angezeigt.next().show()
                // Entferne den aktuellen Stil vom untergeordneten Element a des Geschwisterelements des übergeordneten Elements.parent.siblings().children("a").removeClass("current")
                // Ihr nächstes Element ist hidden.next().hide();
            gibt false zurück;
        });
    });
</Skript>

<Skripttyp="text/javascript">
    $(Funktion() {
        $("li").show().unbind("klicken");
    });
</Skript>

<Skripttyp="text/javascript">
    $(Funktion() {
        $(diese).removeClass("mouseout")
            .addClass("mouseover")
            .stoppen()
            .fadeTo("schnell", 0,5)
            .fadeTo("schnell", 1)
            .unbind("klicken")
            .click(Funktion() {
                .......
            });
    });
</Skript>

<Skripttyp="text/javascript">
    $(Funktion() {
        $(diese).addClass("Hervorhebung")
            .Kinder("a").zeigen().ende()
            .geschwister().removeClass("highLight")
            .children("a").hide();
    });
</Skript>