Tuesday, February 10, 2009 10:30 AM
Frozzare
Magin av jQuery
jQuery är ett bra javascript ramvärk som man kan använda till sin webbutveckling. Lite kod så kan man göra bra och användbara saker faktiskt. Jag hade tänkt visa ett exempel här,
Först så behöver vi såklart skriva en script tag i vår html kod som länkar in jquery.
Allitd när man gör något med jQuery så behöver man ha en document.ready funktion.
$(document).ready(function() {
/// Din kod här...
});
Exemplet här jag tänker visa har tre olika a href taggar, en där det kommer upp en varning innan man klickra på den, andra som gömmer sig så den inte syns och den tredje som är en normal länk.
$("a")
.filter(".clickme")
.click(function() {
alert("Du lämnar nu sidan");
})
.end()
.filter(".hideme")
.click(function() {
$(this).hide();
return false;
})
.end();
Det är din jQuery kod som du lägger imellan document.ready.
.filter(".clickme") är en funtkion så jQuery koden tar dom a href som har en class="clickme". När man klickar på den länken som har den klassen så kommer du få en varning med texten "Du lämnar nu sidan"
Samma sak med .filter(".hideme"), men där så kommer den länken att gömma sig. $(this).hide() gör så att dem gömmer sig.
Här nedan så är dom tre a href taggarna. Två stycken som har en class="", en med class="clickme" och den andra med class="hideme". Den tredje länken har ingen class="" utan är en vanlig länk.
<a href="http://google.com/" class="clickme">Varnings länken</a>
<a href="http://yahoo.com/" class="hideme">Klicka för att gömma mig!</a>
<a href="http://microsoft.com">Jag är en normal länk</a>
Så lätt är det att jobba med jQuery, det är inte alls svårt. Jag har bifogat en exempel sida här nedan. Mer kan du läsa på jQuery.com
Filed under: Sweden, jQuery