OPPAASEEN / Back

Alla esimerkin koodaukset:

JQuery, head-elementtiin:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("p").find("span").end().css("border", "2px red solid");
});
</script>

CSS-ohje:
p{ 
  margin:10px; 
  padding:10px; 
}

HTML-koodaukset:

<p><span>Tässä span-teksti</span>, tämä on p-elementissä.</p>

Tämä ei ole koodausta. 
Esimerkissä etsitään p-elementti jossa on span-elementillä tekstiä ja muotoillaan p-elementin 
teksti kokonaan punaisella viivalla.