13 Mar, 2009
Indsendt af: Mahbub I: Metoder
En af de bedste ting ved jQuery er dens kæde evne til næsten alle dets metoder. Hvis "kæden evne" lyder hebraisk, her er en lille forklaring på hvad det er.
Lad os sige du har en <div id="myDiv"> Lorem ipsum </ div>
Og du behøver at gøre følgende
- Skift højde til 150px
- Skift opacitet til 0,8
- Tilføj en klasse kaldet "pClass"
- Og indstille teksten inde i div som "Vi er verden"
Så, hvad ville du gøre under normale omstændigheder? Du skriver fire linjer kode. Ligesom hvis du bruger jQuery på konventionel måde, du ville nok skrive
1
2
3
4
| ) . css ( "height" , "150px" ) ; $ ("# MyDiv") CSS ("højde", "150px").
) . fadeTo ( 500 , 0.8 ) ; $ ("# MyDiv") fadeTo (500, 0,8).
) . addClass ( "pClass" ) ; . $ ("# MyDiv") addClass ("pClass");
) . text ( "We are the world" ) ; $ ("# MyDiv") tekst ("Vi er verden"). |
Men hvis vi bruger metoden chaininig vi vil blot skrive
) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; .. $ ("# MyDiv") CSS ("højde", "150px") fadeTo (500, 0,8) addClass ("pClass") tekst ("Vi er verden").. Ser rodet? Det tror jeg ikke. Det er læsbare, medmindre du sætter en hel del af metoder til et objekt, som er meget usandsynligt. Så det er kæde.
Bag skærme, der kæde simpelthen udføres ved at returnere objektet itselft efter påføring af fremgangsmåden. Det er ganske gerne, hvordan vi bruger metoder i Javascript Object som
"Lorem Ipsum Dolor" ; var myString = "Lorem ipsum dolor";
( ) . substring ( 0 , 5 ) ; .. pString = myString toLowerCase () understreng (0, 5);
Og det er en gave, når vi har muligheder for at gøre tingene på den måde. Hvem ønsker at skrive mere kode, når der er måder at gøre det kort? Mindst gør jeg ikke. Så næsten alle de metoder
i jQuery har denne chainability. Alle de fremgangsmåder, der kæde, returnerer hele jQuery selve objektet, således at flere metoder kan anvendes til den.
Du kan se ovenstående kode kører her .
11 Feb, 2009
Indsendt af: Mahbub I: misc
Nå, har der været mange artikler på WWW, som vil være tilstrækkeligt "Hvorfor jQuery er valget". For mig er det bare præcis, velstruktureret, høj indlæringskurve og nem at bruge. Da jeg var i begyndelsen af mit bachelorstuderendes tilbage i 1999, var der ingen biblioteket for at beskæftige sig med cross browser spørgsmål (Netscape bruges til at gøre livet elendigt for JavaScript programmører). Så vi var nødt til at skrive længere scripts til et bestemt formål og håndtere cross browser spørgsmål. Thomas Brattli på dhtmlcentral gav nogle ret gode scripts i menuerne og nogle biblioteker, som vi brugte til at gennemføre. Men frem for alt var der ikke så godt bibliotek, som kunne gøre magi, et bibliotek, som du kan udvide nemt den måde, du ønsker, noget møder den virkelige programmering standard. Rejsen til at gøre javascript rammer begyndte meget tidligt. Der findes en lang række biblioteker, der startede nemlig mochikit, prototype, MooTools, dojo osv. Men du skal bruge jQuery til:
1. Meget let, vejer mindre end 20k når den er minimeret og gzip.
2. Høj indlæringskurve.
3. Super chainability. Næsten hver jQuery metoden returnerer Jquery objekt, som lader dig sætte metoder i haler ene efter den anden. .. som $ ("# div_one") CSS ("grænse", "1px solid # 000") fadeTo (300,0.5) slideUp (300).
4. Kan bruges sammen med andre biblioteker, f.eks Mootools med noconflict ().
5. Nemt at skrive plugins.
6. Kode bliver kort, sød og nem at forstå.
7. Du behøver ikke at være en Javascript nørd top skrive jQuery koder.
8. VIGTIGT: Vast samfund støtte og bidrag.
9. Bruges af de store open source-programmer såsom Drupal, WordPress.
10. Microsoft valgte jQuery til at bruge den med deres ansøgninger. (Kan være en god pointe til nogle MS fans
)
11. Meget nem at lege med DOM. Masser af indbygget i integrerede metoder. DOM selektorer er meget untuitive.
12. Understøtter XPath vælgere.
13. MEGET MEGET let indbygget i Ajax forsyningsselskaber. (Lad mig en mail, hvis nogen har brug for at vide, hvor nemt det er).
Ok .. nok for nu. Listen kunne gå ganske lang.
Mere for at komme snart.
30 Aug, 2008
Indsendt af: Mahbub I: misc
Så efter alt jQuery ændret deres websteds udseende. Tidligere var det sådan nørd interface og lidt kedeligt. Det nye look er meget professionel.
På dagen for det nye look lanceringen, var der en tag-line sige "Bliv Javascript Rock Star" med en tegneserie. Men lokale brugere syntes at have ikke lide det stærkt, og efter flere og flere negative kommentarer Læs resten af denne post »
Jeg antager, at vi ved, hvad jQuery er. Nå at børste det op, "jQuery er et JavaScript-bibliotek, der gør vores liv nemmere"
. Jeg kan lide at definere den måde. Ok, nu i dette indlæg, jeg skal nok vise dig, hvordan du kan få tingene i gang for jQuery. Som du kan læse denne blog, er det indlysende, at du har en internetforbindelse og selvfølgelig du bruger en browser. Så lad os bare prøve en stump kode før efter lang. Inden da lad os se hvad vi har brug for at
- jQuery Library (download fra http://jqueryjs.googlecode.com/files/jquery-1.2.6.js ) Dette er den nuværende version, når jeg skriver posten.
- En moderne browser (IE 6,0 +, FF 2 +, Safari 2,0 +, Opera 9,0 +) aktiveret med javascript.
- Og en tekst editor (min Fav er Notepad + +)
Jeg formoder, at vi alle ved, hvordan en grundlæggende HTML-side se ud. Vi vil bare køre et simpelt stykke kode tilføjer jQuery bibliotek
Nu, blot kopiere og indsætte ovenstående kode, og gemme det kalder "jQuery-test.html". Læs resten af denne post »
20 Aug, 2008
Indsendt af: Mahbub I: misc
jQuery Magic er beregnet til at vise nogle øvelser, tekststumper eller tips og tricks, der ikke er almindeligt tilgængelig med det officielle jQuery websted, selvom i plugins webstedet. Vi kalder disse magi, fordi jQuery selv er fuld af magi, ting, du aldrig troede muligt med nogle lille stykke af koder. Jeg vil prøve at vise tips og trick for begyndere, øvede og avancerede niveauer. Jeg vil også velkommen interesserede forfattere, der ønsker at bidrage til denne hjemmeside med deres tips og tricks.
Seneste kommentarer