<b>REGISTER</b>

GFX-Sector - Javascript Tutorials


 
GFX-Sector » Coding Area » Coding-Tutorials » Javascript Tutorials » [Javascript] jquery : Einstieg » Hello Guest [Login|Register]
Last Post | First Unread Post Print Page | Recommend to a Friend | Add Thread to Favorites

Javascript Tutorials

Tutorials rund um Javascript, jQuery und co.
Post New Thread Post Reply

jquery : Einstieg

     Deutsche Version  English version
Author
Post « Previous Thread | Next Thread »

bpr bpr is a male
Spender


Avatar von bpr

Registration Date: 18.11.2007
Posts: 557
Location: London
Program: Zend Studio
Forums: Coding; International Section

Spacer
jquery : Einstieg

jquery : Einstieg

      

Einsteig in jQuery #1

Beschreibung:


In diesem Tutorial geht es um eine kleine Einfuehrung in jQuery.

Es wird vorrausgesetzt, dass Grundkenntnisse in Javascript vorhanden sind.
Desweiteren sollte ein Editor wie Notepadd++, Komodo oder aehnliches vorhanden sein.
Eine IDE wie Dreamweaver, Eclipse oder Aptana werden nicht gebraucht.
Eine Internetverbindung ist von Vorteil wird aber nicht gebraucht.


Art des Tutorials:
Text Tutorial [ X ]
Video Tutorial [ ]

Level:
[ X ] Anfänger
[ ] Fortgeschritten
[ ] Profi

Downloadlink:
Hidden-Text
Guests cannot see the hidden text. Sign up today for free on our forum and enjoy all its advantages as a registered member!




Thanks for this thread by the author

Until now 44 users have thanked



Freude
jquery : Einstieg 25.09.2010 06:55 bpr is offline Homepage of bpr Search for Posts by bpr

Hyd^ Hyd^ is a male
Dr. House-Meister


Avatar von Hyd^

Registration Date: 15.12.2006
Posts: 1,939
Location: Hamburg
Program: Photoshop CS3
Deviantart: hyd1337

Spacer
      

Hey, vielen Dank für das Tutorial!
Irgendwie erinnert mich jQuery ein wenig an CSS großes Grinsen .
Kann es sein das wie z.B. in CSS wenn ich da bspw. div#header span {} wird ja auch nur das span-element was in dem Header-Div sitzt mit CSS verändert. Und das es bei jQuery genau so ist?
Als Beispiel:

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
        $(document).ready(function(){
            $("#jquerydiv")(function(){
                $("span").click(function(){
                    $("span").toggle(
                        function()
                        {
                            $("#slider").slideUp();
                       },
                        function()
                        {
                            $("#slider").slideDown();
                        }
                    );
                });
            });
        });



Oder sollte man lieber eine ID oder ein Klasse verwenden Statt ein komplettes Element? Weil es dann bei Jedem Span-Element ausgeführt wird?


/E: Ganz vergessen^^ Gut geschrieben das Tut! Sehr verständlich, und danke das du die Fachbegriffe weg gelassen hast (:. Achso, auch wenns mir eigentlich total egal ist, du hast einmal "Vortail" geschrieben anstatt "Vorteil" Zunge raus .





DÖNER!

This post has been edited 1 time(s), it was last edited by Hyd^: 25.09.2010 14:57.

jquery : Einstieg 25.09.2010 14:48 Hyd^ is offline Homepage of Hyd^ Search for Posts by Hyd^

bpr bpr is a male
Spender


Avatar von bpr

Registration Date: 18.11.2007
Posts: 557
Location: London
Program: Zend Studio
Forums: Coding; International Section

Thread Starter Thread Started by bpr
Spacer
      

Ja Hyd,

es ist beim selektieren wie bei CSS. Wenn du also nur span angibst, dann hast du alle spans im Dokument selektiert. Es ist eine Frage des Stils und des W3C wie du nun deine id und classes setzt. Du kannst sogar noch weiter drauf eingehen wie zb.


#container .menu > li

Du kannst da sehr viel machen, du koenntest auch eine variable uebergeben Rotes Gesicht oder einfach nur this.




Freude
jquery : Einstieg 25.09.2010 15:53 bpr is offline Homepage of bpr Search for Posts by bpr

Hyd^ Hyd^ is a male
Dr. House-Meister


Avatar von Hyd^

Registration Date: 15.12.2006
Posts: 1,939
Location: Hamburg
Program: Photoshop CS3
Deviantart: hyd1337

Spacer
      

Ah, cool.
Wäre sau geil wenn noch ein oder gar mehrere weitere Tuts folgen würden! Finds sau geil von dir Zunge raus . Und wenn du das von dir eben beschriebene noch weiter drauf eingehen würdest.

mfg





DÖNER!
jquery : Einstieg 25.09.2010 16:54 Hyd^ is offline Homepage of Hyd^ Search for Posts by Hyd^

cruse cruse is a male
Abwedler


Avatar von cruse

Registration Date: 19.07.2010
Posts: 154
Program: Photoshop 9
Deviantart: cruseman

Spacer
      

was bringt mir jetz JQ gegenüber direktem JS ?
nur das es einfacher ist ?



jquery : Einstieg 08.10.2010 16:12 cruse is offline Homepage of cruse Search for Posts by cruse

piJoe
Designartist


Avatar von piJoe

Registration Date: 11.09.2009
Posts: 1,253
Deviantart: pijoe93

Spacer
      

quote:
Original von cruse
was bringt mir jetz JQ gegenüber direktem JS ?
nur das es einfacher ist ?

kurz: ja

lang: jain.
zb sind die show/hide funktionen, die mit animationen verbunden sind, browserunabhängig, und so funtzt dann zb das einfaden etc. auch im IE, wos ja doch recht kompliziert ist.
Aber allgemein isses wirklich nur ne vereinfachung und verkürzung.




^g4MBLe basht fröhlich

jquery : Einstieg 08.10.2010 16:26 piJoe is online Search for Posts by piJoe

razkoo
Weichzeichner


Avatar von razkoo

Registration Date: 25.08.2008
Posts: 63
Deviantart: razkoo

Spacer
      

quote:
Original von cruse
was bringt mir jetz JQ gegenüber direktem JS ?
nur das es einfacher ist ?


jQuery ist ne sog. Library ("Bibliothek"). Da sind halt viele Sachen / Funktionen schon vorprogrammiert, wie zB die ganzen "animate()" sachen, dies sind echt verdammt hilfreich. Wenn du das in reinem JS machst, brauchst du viel mehr Zeilen, als mit jQuery.



großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen großes Grinsen
cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool cool
böse böse böse böse böse böse böse böse böse böse böse böse böse böse böse böse böse böse böse böse böse böse böse böse böse böse böse böse böse böse böse
jquery : Einstieg 08.10.2010 16:41 razkoo is offline Search for Posts by razkoo

gmbh-Hamburg
Filtertester


gmbh-Hamburg hat kein Avatar

Registration Date: 18.10.2010
Posts: 4

Spacer
      

kann ich gut gebrauchen son einstieg! danke

jquery : Einstieg 25.10.2010 14:04 gmbh-Hamburg is offline Search for Posts by gmbh-Hamburg

KinGTurles KinGTurles is a male
Zauberstabbenutzer


Avatar von KinGTurles

Registration Date: 10.08.2011
Posts: 17

Spacer
      

Coole Sache! Echt klasse!



jquery : Einstieg 04.04.2012 14:40 KinGTurles is offline Search for Posts by KinGTurles
 
Spacer
   
GFX-Sector
unregistered


 hat kein Avatar


Spacer

Have you enjoyed this topic?


If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

New Post 04.04.2012 14:40  
Tree Structure | Board Structure
Post New Thread Post Reply
GFX-Sector » Coding Area » Coding-Tutorials » Javascript Tutorials » [Javascript] jquery : Einstieg

Similar topics to jquery : Einstieg
Thread
[Suche] CMS Anpassung + 2 Jquery Inhalte (Forum: Angebote und sonstige Anfragen)
wiedereinstieg ;( (Forum: Signaturen/Avatare)
[JavaScript][jQuery]BlockUI (Forum: Scripte & Downloads)
[JavaScript][jQuery]Bookmark (Forum: Scripte & Downloads)
[HTML/CSS] Einstieg in CSS3 (Forum: HTML & CSS Tutorials)