Jūs esate sename manualai.lt puslapyje.
Naujasis puslapis yra v2.manualai.lt
forumas.manualai.lt
kodai.manualai.lt
dizainas.manualai.lt
idomu.manualai.lt

Meniu
Vartotojo meniu
Forumo naujausi
Vakar 18:56:19- Spalv? skirtumai
2013-08-06 23:26:12 pm - Formos judinimas be Borde...
2013-08-05 19:48:37 pm - rus? kalba php faile
2013-08-05 19:41:56 pm - Nemokama reklama
2013-08-05 11:50:09 am - Domeno ?taka SEO
2013-08-05 11:35:13 am - Facebook'o komentarai tam...
2013-08-04 23:33:43 pm - SMF bugas
2013-08-04 23:30:25 pm - Kaip gauti hash duomenis
2013-08-04 12:09:12 pm - Pagalbos d?l PHP MYSQL
2013-08-03 17:03:17 pm - .load() funkcijos problem...
2013-08-02 15:01:35 pm - Tarpu atsiradimas tarp st...
2013-07-31 17:31:42 pm - Blocked a frame with orig...
2013-07-29 19:55:50 pm - Ari ext menu modulio nero...
2013-07-29 19:28:03 pm - Html comment/review box
2013-07-29 19:16:38 pm
Atsitiktiniai straipsniai
- 12 Smudge teptukų
- Teksto formatavimas
- Specialieji simboliai
- Pro Smudge teptukai
- r0man.de Abstract X teptukai
- Nuorodos (links)
- 5 didelės tekstūros
- Realistinė tatuiruotė
- Spausdinimo funkcijos
- Autumn colors patterns
- Brushes (Teptukai, Šepečiai)
- "Dangus popieriuje" tekstūros
- Pro Smudge 2 teptukai
- Auto Levels, Contrast, Color
- Teksto formatavimas
jQuery |
![]() |
![]() |
Autorius: Primatas | |||||||||||||||||||||||||||||||||||||||
jQuery - JavaScript biblioteka, kuri labai stipriai palengvina mūsų - internetinių puslapių kūrėjų gyvenimą.
<html> Kai naudojate jQuery, siūlau visada nueiti į jų oficialų puslapį jquery.com ir parsisiųsti naujausią stabilią versiją. Kodo paleidimas puslapiui užsikrovusPirmiausia, visada reikia užtikrinti, kad JavaScript kodas bus vykdomas tik tada, kai puslapis yra pilnai užkrautas. Dauguma JavaScript programuotojų tai padarytų su tokia eilute: window.onload = function(){ alert("welcome"); } Problema yra tame, kad panaudojus tokią funkciją, JavaScriptas lauks, kol pilnai užkraus ne tik patį puslapį, bet ir visus paveikslėlius, banerius, reklamas ir panašius dalykus. jQuery turi paprastą funkciją, kuri geriau patikrina, ar puslapis jau yra užkrautas. Tai padaroma su selektoriumi $(document) ir funkcija .ready(); $(document).ready(function(){ Skaityti daugiau apie eventą ready jQuery oficialiame puslapyje. Viduje šios funkcijos galite rašyti kokį tik norite kodą. Tarkime pridėkime HTML elementams <a> paspaudimo eventą .click();. Su tokiu kodu paspaudus betkurią nuorodą esančią puslapyje, iššoks alert langas su žinute "Ačiū už apsilankymą!": $(document).ready(function(){Taip paprastai su jQuery galite pridėti kokį tik norite eventą (įvykį) betkokiam elementui. Apie selektorius daugiau skaitykite čia: jQuery selectors. CSS klasių pridėjimas, nuėmimasPastaba: visą kodą reikia dėti viduje $(document).ready(); funkcijos, kitaip kils klaidų. Apie šią funkciją galite paskaityti aukščiau. Kita svarbi jQuery užduotis yra CSS klasių pridėjimas, nuėmimas, keitimas ir t.t. Pirmiausia aprašome paprastą CSS klasę: <style type="text/css"> Poto sukurtą klasę pridedame su funkcija addClass: $("a").addClass("testas"); Dabar visi jūsų <a> elementai bus paryškinti. Tam kad nuimtumėte klasę nuo kokio nors elemento, naudojame removeClass funkciją: $("a").removeClass("testas"); Pastaba: CSS leidžia pridėti kelias klases vienam elementui. Klasių pavadinimus reikia atskirti tarpais: <a href="http://www.manualai.lt/" class="nuoroda linkas manualai_nuoroda">manualai.lt</a> Specialūs efektaijQuery palaiko keletą patogių efektų, kurie puslapį padaro moderniu ir gražiu. Prie pirminio kodo galite pabandyti pridėti: $("a").click(function(event){Dabar, jei paspausite kokią nors nuorodą, ji tiesiog išnyks. Apie kitus efektus skaitykite čia: jQuery effects jQuery magijajQuery naudoja patogią funkcijų konstrukciją, kuri padaro kodą paprastesniu ir trumpesniu. Kiekvienas jQuery metodas grąžina savo užklausos objektą, todėl ant jo galima pridėti dar vieną funkciją ir dar vieną ir taip be galo. Pvz.: $("a").addClass("testas").show().html("labas"); Kiekvienas individualus metodas (addClass, show ir html) grąžina jQuery objektus, tai leidžia tęsti metodų pridėjimą prie esamo elementų komplekto. Galite daryti netgi dar daugiau. Galite filtruoti elementus ir tik atfiltruotiems pridėti norimą kodą, o tuo tarpu kitus palikti nepakeistus. Pvz.: $("a") Toks JavaScript kodas turėtų veikti su tokiu HTML: <a href="/http://www.manualai.lt/" class="paspausk_mane">Bus parodyta žinutė</a> Metodai kurie keičia jQuery pažymėtą sritį ir kurie gali būti nutraukti su end(), yra:
Daugiau apie jQuery metodus galite paskaityti jų oficialiame puslapyje: Traversing. Atgaliniai šaukimai ir funkcijosAtgaliniai šaukimai yra "callback". Tai yra funkcijos, kurios pateikiamos kaip argumentai kitoms funkcijoms ir yra vykdomos tik tada, kai jų pirminė funkcija yra įvykdoma. Callback funkcijos be argumentų
Callback funkcijai be argumentų pavyzdys būtų toks: $.get('htmlPuslapis.html', CallbackFunkcija); Callback su argumentaisKą daryti, kai norime callback funkcijai pasiųsti kažkokius parametrus?
NETEISINGAS būdas : $.get('htmlPuslapis.html', CallbackFunkcija(param1, param2)); Tai neveiks, nes jūs iškviečiate param1 ir param2 kartu su $.get() funkcija.
Teisingas būdas: Bėda su viršuje parodytu atveju yra tame, kad CallbackFunkcija funkcija bus įvykdyta prieš ją deramai iškviečiant, tam kad to išvengti reikia naudoti tokį kodą: $.get('htmlPuslapis.html', function(){ param1 ir param2 yra suprantami kaip CallbackFunkcija funkcijos parametrai. Jie pamatomi tik tada, kai funkcija $.get baigia vykdyti savo darbą. Pabaigai
Pats nuolatos naudoju jQuery ir galiu pasakyti, kad tai nuostabus būdas programuoti su JavaScript. Kas susidomėjot, patarčiau pažiūrėti Google talks prezentaciją apie jQuery: youtube klipas Vėliau pažiūrėti dokumentaciją jQuery oficialiame tinklapyje: jquery.com, parsisiųsti, dokumentacija Būtinai pasižiūrėkit jQuery UI (User interface): jqueryui.com, demo, parsisiųsti, puslapio temų keitimas su jQuery UI
Tik registruoti vartotojai gali rašyti komentarus!
3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved." |
