PamiĂŞtam jak na pun.pl wiele razy chciaÂłem zmieniĂŚ jakiÂś napis = poczÂąwszy od tych w szybkiej odpowiedzi, skoĂączywszy na tych przy wÂątkach i administracji. Tutaj zademonstruje fragment kodu jQuery, ktĂłry kaÂżdy nie znajÂący tego jĂŞzyka bĂŞdzie mĂłgÂł zmieniĂŚ napis jeÂżeli posiada wystarczajÂącÂą wiedzĂŞ o kaskadowych arkuszach stylu.

WiĂŞc kod wyglÂąda nastĂŞpujÂąco:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
 $('XXX').html('YYY');
});
</script>

Gdzie XXX musimy odnieœÌ siê do danego elementu gdzie chcemy go zamieniÌ na coœ innego przy u¿yciu css. Dla przyk³adu mo¿na w og³oszenie wkleiÌ takie kod:

<p id="tekst">jakiÂś tekst</p>

WiĂŞc odniesienie w jQuery ( w miejsce XXX ) bĂŞdzie miaÂło taki wymiar: p#tekst
Teraz w miejsce YYY dajemy tekst zamienny. Napiszcie byle co i zatwierdÂźcie, a zobaczycie, Âże tekst zmieniÂł siĂŞ na inny niÂż byÂł = tak wÂłaÂśnie dziaÂła ta jedna z prostszych rzeczy w jQuery ( podstawy ).
W tym miejscu dziaÂła html wiĂŞc moÂżna uÂżyĂŚ i nawet kodu na obrazek <img src...> i zamiast tekstu bĂŞdzie obrazek.

Dla przykÂładu:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
 $('p.postlink.conr:first a:first').html('NOWY TEMAT');
 $('p.postlink.conr:first a:last').html('NOWA SONDA');
 $('p.postlink.conr:last a:first').html('NOWA TEMAT WERSJA 2');
 $('p.postlink.conr:last a:last').html('NOWA SONDA WERSJA 2');
 $('#punviewtopic p.postlink.conr a:first').html('ODPOWIEDÂŹ');
 $('#punviewtopic p.postlink.conr a:last').html('ODPOWIEDÂŹ 2');
});
</script>

Ten kod zmienia nazwĂŞ Nowy wÂątek, Nowa sonda oraz ich alternatywy pod spodem przy wejÂściu w dany dziaÂł. RĂłwnieÂż zmienia napis ''OdpowiedÂź'' po wejÂściu w wÂątek.