[es] - Potrebna pomoć oko Jquery-ja

SARMOMIR
Đorđe Ranđelović
Student informatike,nezaposlen
Beograd

Član broj: 302801
Poruke: 4
*.adsl.eunet.rs.

Profil

^{08.05.2012. u 18:53 - pre 145 meseci}

Pozdrav.Skoro sam počeo da radim sa Jquery-jem i došao sam do jednog problema.Naime hteo bih da napravim neki paragraf ili heading ili div i da onda napravim i dugme run i kad stisnem to dugme npr. paragraf treba da bude hide.ne razumem malo sintaksu Jquery-ja pa mi nije jasno kako da napišem ovo.našao sam neki sličan kod evo ga ovde:

Code:

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>
Ne  razuemem  ovaj deo koda baš najbolje:
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});

šta znači ovo function u zagradama,za šta služi ova prva linija koda $(document).ready(function(){

Uopšteno zanima me ako neko može malo detaljnije da mi objasni ovaj kod koji mi nije jasan.Pozdrav

_{Koristi odgovarajuće tagove za kôd.}

_{[Ovu poruku je menjao Nikola Poša dana 09.05.2012. u 18:46 GMT+1]}

Odgovor na temu

biske86
Ivan Biševac
Zubin Potok

Član broj: 62435
Poruke: 979
*.dynamic.isp.telekom.rs.

Sajt: biske.rs

+39 Profil

Re: Potrebna pomoć oko Jquery-ja

^{09.05.2012. u 17:51 - pre 145 meseci}

Citat:

SARMOMIR:
Ne razuemem ovaj deo koda baš najbolje:
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
šta znači ovo function u zagradama,za šta služi ova prva linija koda $(document).ready(function(){

Uopšteno zanima me ako neko može malo detaljnije da mi objasni ovaj kod koji mi nije jasan.Pozdrav

jQuery je napravljen tako da se uglavnom koristi tako što selektuješ neki element na formi i onda nad njim izvršavaš neku akciju.
Uopšteno:

Code (javascript):

$(selektor).akcija()

- Znak dolar označava jQuery, tj. da se akcije uzimaju iz jQuery biblioteke koju prethodno u <head> delu uvezeš.
- Selektor kao što mu samo ime kaže pronalazi elemente na stranici.
- Akcija izvršava neku radnju nad tim elementom.

Primeri su:

Code (javascript):

$("p").hide() - sakriva sve paragrafe

$("#test").hide() - sakriva sve elemente kod kojih je id="test".

Većina jQuery funkcija se nalaze unutar document.ready() funkcije:

Code (javascript):

$(document).ready(function(){

   // jQuery funkcije dolaze ovde

});

Ovo onemogućava jQuery kod da se izvršava pre nego što dokument ne završi sa učitavanjem (ne postane spreman).
Evo i primera akcija koje mogu da padnu ukoliko se izvrše pre nego što dokument bude spreman:
- pokušaj sakrivanja elementa koji još ne postoji
- pokušaj uzimanja veličine slike koja nije učitana (poznato je da pregledači prvo dovlače sa servera tekst pa slike).

Kod ispod se u stvari tumači na sledeći način: Nađi na stranici element čiji se tag naziva <button> i kad god neko klikne izvrši kod koji se nalazi unutar njega.

Code (javascript):

$("button").click(function(){

  });

I konačno kod koji se izvršava kada se klikne na dugme je:

Code (javascript):

$("p").hide();

Ovaj kod u stvari selektuje sve elemente <p> koji se nalaze na stranici i sakriva ih.

jQuery ima veoma lepu sintaksu i uopšte nije težak kao što izgleda na prvi pogled.
Ako znaš engleski najbolje je da prođeš tutorijal koji se nalazi na http://www.w3schools.com/jquery/default.asp a zatim uzmeš neku knjigu koja ga malo detaljnije objašnjava. Sam tutorijal možeš da pređeš za dan dva i to ti je uglavnom to što nudi jQuery, za naprednije opcije neka knjiga i vežbanje tog koda je dobitna kombinacija.
Ja sam pročitao knjigu Learning jQuery i nije mi puno vremena trebalo da je savladam.
Slobodno pitaj ako ti i dalje neke stvari nisu jasne.

http://biske.rs

Odgovor na temu

Milos911
Serbia

Član broj: 219127
Poruke: 1230
77.243.20.*

+303 Profil

Re: Potrebna pomoć oko Jquery-ja

^{09.05.2012. u 21:51 - pre 145 meseci}

Nadam se da autoru nece smetati sto se ubacujem, mozes li da objasnis ovo:

Code:

1)
$(document).ready(function(){

2)
$("button").click(function(){
});

3)
$("p").hide(function(){
alert("hidden");
});

Prvo i drugo kapiram i koristim, kad se klikne na button ili kad je dokument ucitan, pozivamo funkciju da bi smo uradili nesto.
E sad, da li je moguce uraditi broj 3?
I jel mozes malo vise da objasnis ovo sa function (tipa gde moze da se koristi i tako to)? Znam da je glupo, ali ne znam kako konkretno da pitam, jednostavno me zanima kako moze da se koristi ovo?

Odgovor na temu

biske86
Ivan Biševac
Zubin Potok

Član broj: 62435
Poruke: 979
*.dynamic.isp.telekom.rs.

Sajt: biske.rs

+39 Profil

Re: Potrebna pomoć oko Jquery-ja

^{09.05.2012. u 22:44 - pre 145 meseci}

Što se tiče stavke pod 3, ništa specijalno se ne dešava. Znači kad se paragraf sakriva izbacuje se prozorčić upozorenja sa tekstom hidden.
Jednostavno isprobaj i videćeš.

Što se tiče ovog function evo o čemu se radi.
Hajde da zamislimo da na stranici imamo jedno dugme. Kad se klikne na dugme želimo da prikažemo neku poruku korisniku. To možemo uraditi na dva načina.
Prvi je da definišemo funkciju test1 i da definišemo da se ta funkcija poziva kada se klikne na dugme. To se radi sledećim kodom:

Code (javascript):

function test1(){

  alert("Proba");

};

$(document).ready(function(){

  $("button").click(test1);

});

​

Kompletan primer se nalazi na stranici: http://jsfiddle.net/6CE76

Drugi scenario je upotreba anonimnih ili takozvanih lambda funkcija:

Code (javascript):

$(document).ready(function(){

    $("button").click(function(){

      alert("Test 1!");

    });

});

Kompletan primer se nalazi na stranici: http://jsfiddle.net/bzDMJ/

Ništa specijalno, samo mala fora

http://biske.rs

Odgovor na temu