{"id":566,"date":"2009-02-02T17:41:39","date_gmt":"2009-02-02T16:41:39","guid":{"rendered":"http:\/\/www.nielsgamborg.dk\/wordpress\/?p=566"},"modified":"2009-02-02T17:41:39","modified_gmt":"2009-02-02T16:41:39","slug":"jquery","status":"publish","type":"post","link":"https:\/\/nielsgamborg.dk\/wordpress\/programmering\/jquery.htm","title":{"rendered":"jQuery"},"content":{"rendered":"

jQuery<\/a> er et lille og hurtigt letv\u00e6gts JavaScript library, der har vundet stor udbredelse de sidste par \u00e5r. jQuery giver genveje til f.eks.\u00a0DOM og CSS manipulation, AjAX, eventhandling, JavaScript Animationer og g\u00f8r webudvikling b\u00e5de hurtigere og mere dynamisk.<\/p>\n

I denne\u00a0post har samlet\u00a0nogle af de bedste\u00a0jQuery ressourcer og\u00a0nogle exempler p\u00e5, hvad man kan\u00a0lave med\u00a0jQuery biblioteket.<\/p>\n

Websites der bruger jQuery<\/h3>\n

Hvis man installerer Firefox addon\/plugin\u00a0Library Detector<\/a> og tager en hutig surftur, kan man se at mange\u00a0 sites er g\u00e5et over til jQuery, som deres foretrukne JavaScript Library. I Danmark\u00a0er det\u00a0bla. ekstrabladet, bt og de gule sider.<\/p>\n

Hvis man \u00f8nsker at se en mere spektakul\u00e6r brug af jQuery, m\u00e5 man dog vende sig mod udlandet.<\/p>\n

45 jQuery eksempler<\/a> fra Smashing Magazine.<\/p>\n

20 websites der bruger jQuery<\/a>. Oversigt og Inspiration fra nettuts.<\/p>\n

P\u00e5 AJAX-Rain kan\u00a0du finde\u00a0mange hundrede eksempler p\u00e5 brug af jQuery<\/a>. Scroll ned under tagclouden, for at finde eksemplerne.<\/p>\n

<\/a>Igang med jQuery<\/h3>\n

Inden man kaster sig over brugen af\u00a0JavaScript Libraries,\u00a0er det en fordel at have en basal forst\u00e5else af JavaScript. Ellers kan de manger funktioner og muligheder godt tage pusten fra en.<\/p>\n

Her er en r\u00e6kke gode ressourcer til at komme igang med jQuery.<\/p>\n

Download jQuery<\/a>. Hent den sidste nye version af jQuery.<\/p>\n

Officiel jQuery tutorial<\/a>. jQuerys egen tutorials og dokumentation. Kan sine steder godt v\u00e6re lidt langh\u00e5ret.<\/p>\n

jQuery for begyndere. Video tutorials<\/a>. En introduktion til jQuery for de visuelt orienterede.<\/p>\n

Grundig jQuery introduktion p\u00e5 video<\/a>. Super grundig video\u00a0introduktion til jQuery.<\/p>\n

jQuery syntaks begynder tutorial<\/a>. En lidt teksttung, men grundig introduktion til den mest basale jQuery syntaks.<\/p>\n

Working with jQuery<\/a>. En introduktion til jQueryfra IBM’s developer site. Tak til Tommy Raun for linket.<\/p>\n

Flere jQuery tutorials og ressourcer<\/h3>\n

jQuery programmering,\u00a0kodning og syntaks<\/a>. Artikel fra Smashing Magazine, der is\u00e6r omhandler syntaks og bedst practice for jQuery programmering.<\/p>\n

25 jQuery navigation tutorials<\/a>. En r\u00e6kke tutorials der er rettet mod brugen af jQuery i menuer og anden navigation.<\/p>\n

25 tips til jQuery<\/a>. Tips til hvordan du forbedrer din jQuery programmering. Optimer hastighed, arbejdsgange, syntaks og mange eksempler p\u00e5 l\u00f8sning af praktiske opgaver.<\/p>\n

25 jQuery tutorials til webdesign<\/a>. Tutorials til webdesign relevante funktioner, som formular h\u00e5ndtering, validering, ikoner. Ogs\u00e5 flere grafiske tutorials.<\/p>\n

jQuery cheatsheet<\/a>. Et cheatsheet der indeholder de mest brugte jQuery kommandoer, funktioner og genveje.<\/p>\n

jQuery plugins<\/h3>\n

jQuery har en god plugin dokumentation<\/a>, og der findes allerede mange plugins til Jquery. Mange af de mere popul\u00e6re plugins er grafik plugins til jQuery.<\/p>\n

Her er der masser af jQuery plugins. De fleste plugins er grafiske. Fek.s masser af slideshows,\u00a0gallerier,\u00a0tag\u00a0clouds,\u00a0 og\u00a0mange andre\u00a0grafiske effekter. Men der findes ogs\u00e5 mere praktiske jQuery plugins som f.eks. validerer formularer<\/p>\n

45 jQuery plug-ins<\/a><\/p>\n

50 jQuery plug-ins eksempler<\/a><\/p>\n

37 inspirerende jQuery plug-ins<\/a><\/p>\n

25 jQuery plug-ins til menu og navigation<\/a><\/p>\n

14 jQuery plug-ins til billeder<\/a><\/p>\n

Komplet liste over jQuery plug-ins<\/a><\/p>\n

Anden jQuery inspiration<\/h3>\n

Hvis du selv bruger jQuery p\u00e5 dit site eller kender nogle gode ressourcer eller eksempler, s\u00e5 sig endelig til. S\u00e5 kan du f\u00e5 et link til din side i dette afsnit. \ud83d\ude42<\/p>\n

Jeg ligger i al ubeskenhed selv ud med: Portfolio med Lightbox<\/a>.\u00a0Jeg bruger lightbox librariet som er en udvidelse til jQuery p\u00e5 mit portfolio. Lightbox er et billedfremvisnings library.<\/p>\n

L\u00e6sernes tips og kommentarer til jQuery<\/h3>\n

Tak til alle der har bidraget. \ud83d\ude42<\/p>\n

Kim Andersen<\/a> har givet det tip, at man kan lade Google opbevare jQuery scriptet. M\u00e5ske man s\u00e5 kan v\u00e6re heldig at brugerens browser har cachet scriptet, og siden dermed loader hurtigere.<\/p>\n

Det g\u00f8res ved at \u00e6ndre sin source til js-filen fra eks.:
\nsrc=\u201djs\/jquery-1.3.1.min.js\u201d
\n<\/em>til:
\nsrc=\u201dhttp:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.3.1\/jquery.min.js\u201d<\/em><\/p>\n

Konrad<\/strong> har peget p\u00e5 et rigtig interessant blogindl\u00e6g, der diskuterer jQuery og Prototype fordele og ulemper:<\/p>\n

Why\u00a0I still prefer Prototype\u00a0to jQuery<\/a><\/p>\n

Tommy Raun<\/strong> skriver at den st\u00f8rste fordel ved Jquery er at funktionerne virker p\u00e5 (n\u00e6sten) alle platforme. Mange problemer med forskelle javascript versioner er l\u00f8st (for IE\/Firefox\/Opera).<\/p>\n

Se ogs\u00e5 min ressource post\u00a0om MooTools<\/a> frameworket.<\/p>\n

<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

jQuery er et lille og hurtigt letv\u00e6gts JavaScript library, der har vundet stor udbredelse de sidste par \u00e5r. jQuery giver genveje til f.eks.\u00a0DOM og CSS manipulation, AjAX, eventhandling, JavaScript Animationer og g\u00f8r webudvikling b\u00e5de hurtigere og mere dynamisk. I denne\u00a0post har samlet\u00a0nogle af de bedste\u00a0jQuery ressourcer og\u00a0nogle exempler p\u00e5, hvad man kan\u00a0lave med\u00a0jQuery biblioteket.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[11],"tags":[142,144],"_links":{"self":[{"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/posts\/566"}],"collection":[{"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/comments?post=566"}],"version-history":[{"count":0,"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/posts\/566\/revisions"}],"wp:attachment":[{"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/media?parent=566"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/categories?post=566"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/tags?post=566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}