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
- Del apmokejimu sms zinute...
2016-03-03 11:11:58 am - pluginai
2016-02-18 12:43:10 pm
2016-01-27 17:55:01 pm- [ Pamoka ] Vizitin? korte...
2015-12-31 17:59:01 pm - Del skelbimu ikelimo
2015-10-14 09:25:25 am - Seo tekstas su ,nematomas...
2015-09-09 15:11:42 pm - gal kas galit sutvarkiti ...
2015-08-29 16:14:38 pm - Ready for a new challenge...
2015-08-03 09:52:06 am - Problemos su php iveda tu...
2015-06-23 00:13:46 am
2015-05-26 10:51:11 am- Ion-Auth ( codeigniter ) ...
2015-05-18 15:07:29 pm - Codeigniter skirtingas me...
2015-05-18 14:56:12 pm - Codeigniter ajax filtravi...
2015-05-18 14:52:32 pm - prid?ti klas? ?vykus scro...
2015-03-28 12:56:53 pm - [klausimas] javascriptas
2015-03-19 20:35:55 pm
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ą. PabaigaiPats 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." |
