Detaillierte Erklärung der jQuery-Kettenaufrufe

console.log($(this).css("Hintergrundfarbe", "pink").html("Hallo"));

<Stil>
  * {
       Rand: 0;
       Polsterung: 0;
     }

  .Kasten {
       Breite: 400px;
       Höhe: 60px;
       Rand: 1px durchgezogen #000;
       Rand oben: 2px;
      }

  .box p,.box h2 {
       schweben: links;
       Breite: 60px;
       Höhe: 60px;
       Rand rechts: 20px;
       Hintergrundfarbe: RGB (164, 247, 233);
    }
</Stil>
<!------------------------------------------------------------------>

<Text>
  <div Klasse="Box">
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <h2>h2</h2>
  </div>
  <div Klasse="Box">
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <h2>h2</h2>
  </div>
  <div Klasse="Box">
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <h2>h2</h2>
  </div>
  <div Klasse="Box">
     <p></p>
     <p></p>
     <p></p>
     <p></p>
     <h2>h2</h2>
  </div>
  <script src="../jq/jquery-1.12.4.min.js"></script>
  <Skript>
     var $p = $("p");
     var $box = $(".box")
     $p.click(Funktion () {
      // Implementierung des Kettenaufrufs $(this).css("background-color","pink") //Ändert sich selbst in Pink.siblings().css("background-color","yellow") //Die eigenen Brüder ändern sich in Gelb.parent().css("background-color","skyblue") //Und sein Elternteil ändert sich in Blau.siblings().css("background-color","lightgreen") //Die Brüder des Elternteils ändern sich in Hellgrün.children().css("background-color","orange") //Die Brüder des Elternteils ändern sich in Orange})