OTSIKKO

1, p-elementti.

2. p-elementti.

1. span-elementti.
2. span-elementti.

JQuery etsii ja vaihtaa tekstin värin aloittaen h3-elementistä viimeiseen p-elementiin asti.

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(){
    $("h3").add("p").add("span").css("color", "RED");
});
</script>

HTML-koodaukset:

< h3>OTSIKKO </h3>
<p> 1, p-elementti. </p>
<p> 2. p-elementti. </p>

<span>1. span-elementti.</span><br>
<span>2. span-elementti.</span><br><br>

<div>JQuery etsii ja vaihtaa tekstin värin aloittaen h3-elementistä 
       viimeiseen p-elementiin asti.</div><br>