Jeden z najlepších vecí o jQuery je jeho schopnosť reťaz pre takmer všetky je to metód. Ak "reťaz schopnosť" znie hebrejsky, tu je to trochu vysvetliť, čo to je.

Povedzme, že máte <div id="myDiv"> Lorem ipsum </ div>

A čo musíte urobiť nasledujúce

1. Zmeniť výšku 150px
2. Zmena krytie až 0,8
3. Pridať triedu s názvom "pClass"
4. A nastaviť text vnútri div ako "My sme svet"

Takže, čo by ste urobil za normálnych okolností? Píšete štyri riadky kódu. Rovnako ako pri použití jQuery v konvenčným spôsobom by ste asi napísať

  1
 2
 3
 4

  ) . css ( "height" , "150px" ) ; $ ("# MyDiv") css ("height", "150px").;
 ) . fadeTo ( 500 , 0.8 ) ; $ ("# MyDiv") fadeTo (500, 0,8).; 
 ) . addClass ( "pClass" ) ; . $ ("# MyDiv") addClass ("pClass"); 
 ) . text ( "We are the world" ) ; $ ("# MyDiv") text ("My sme svet").; 

Ale ak budeme používať metódu chaininig by sme jednoducho napísať

  ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; .. $ ("# MyDiv") css ("height", "150px") fadeTo (500, 0,8) addClass ("pClass") text ("My sme svet") ..; 

Vyzerá to špinavá? To si nemyslím. Je to čitateľné, keď si dal celkom dosť metód objektu, ktorý je veľmi nepravdepodobné. Takže to je reťazenie.

Za obrazovkách, je reťazenie jednoducho vykonať vrátenie objektu itselft po použití tejto metódy. Je to celkom páči, ako sa budú používať metódy objektu v JavaScriptu ako

  "Lorem Ipsum Dolor" ; var myString = "Lorem ipsum dolor"; 

  ( ) . substring ( 0 , 5 ) ; .. PString = myString toLowerCase () substring (0, 5); 

A to je dar, keď máme možnosti, ako robiť takéto veci. Kto chce napísať viac kódu, keď tam sú spôsoby, ako to krátke? Aspoň ja nie. Takže takmer všetky metódy

v jQuery má tento chainability. Všetky metódy, ktoré reťazec, vráti celý jQuery objekt samotný, takže ďalšie metódy môžu byť použité k tomu.

Môžete vidieť vyššie uvedený kód beží tu .

No, tam bolo mnoho článkov na WWW, ktorá bude stačiť "Prečo jQuery je voľba". Pre mňa je to len precízne, dobre štruktúrované, vysoké učení krivky a jednoduché použitie. Keď som bol na začiatku môjho undergrad v roku 1999, tam bol žiadna knižnica sa vysporiadať s priečnymi prehliadača (Netscape problémov používaný robiť zo života peklo pre programátorov JavaScript). Takže sme museli písať dlhší skripty pre určitý účel a zvládnuť krížovej prehliadača problémy. Thomas Brattli na dhtmlcentral dal niektoré docela dobré skripty na menu a niektorých knižníc, ktoré sme použili na realizáciu. Ale hlavne tam bol žiadna taká dobrá knižnica, ktorá by mohla robiť mágiu, knižnicu, ktoré možno ľahko rozšíriť tak, ako chcete, niečo, čo spĺňa skutočný programovací štandard. Cesta k tomu, že javascript rámec začala oveľa skôr. Existuje celý rad knižníc, ktoré začalo to mochikit, prototyp, MooTools, dojo atď Ale mali by ste používať jQuery pre:

1. Veľmi ľahká, váži menej ako 20 kB, kedy bola čo najmenšia a gzip.
2. Vysoké učení.
3. Super chainability. Takmer každý jQuery metóda vracia jQuery objekt, ktorý vám umožní dať metódy v chvosty jeden po druhom. .. Ako $ ("# div_one") css ("hranice", "1px solid # 000") fadeTo (300,0.5) slideUp (300).;
4. Môže byť použitý s inými knižnicami, ako MooTools pomocou noconflict ().
5. Ľahko písať pluginy.
6. Kód sa stáva krátke, sladké a ľahko pochopiteľné.
7. Nemusíte byť Javascript geek, horné napísať jQuery kódy.
8. DÔLEŽITÉ: Obrovské podpory spoločenstva a príspevky.
9. Používa sa hlavných open-source aplikácie, ako je Drupal, WordPress.
10. Microsoft zvolil jQuery ho používať s ich aplikácií. (Môže byť ideálne miesto pre niektoré fanúšikov MS )
11. Veľmi ľahko si hrať s DOM. Veľa postavený v integrovaných metód. DOM selektory sú veľmi untuitive.
12. Podporuje XPath selektorov.
13. VEĽMI VEĽMI jednoduché vstavané utility AJAX. (Napíšte mi email keď niekto potrebuje vedieť, ako jednoduché to je).

Ok .. stačí. Zoznam by mohol pokračovať dosť dlho.

Viac prísť čoskoro.

Takže po tom všetkom jQuery zmenila stránok vzhľad a pocit. Predtým to bolo celkom pouťového kaukliarov rozhranie a trochu nudné. Nový vzhľad je veľa profesionálny.

V deň začatia nového vzhľadu, tam bol tag-line hovoriť "Staň Javascript Rock Star" s karikatúrou. Ale komunity užívateľov zrejme nepáčilo to ťažko a po viac a viac negatívnych komentárov Prečítajte si zvyšok tohto vstupu »

Predpokladám, že vieme, čo je jQuery. No čistiť ho, "jQuery je knižnica JavaScriptu, ktorý nám uľahčuje život" . Páči sa mi definovať týmto spôsobom. Ok, teraz v tomto príspevku, som chcel ukázať, ako sa veci začali pre jQuery. Ako môžete čítať tento blog, je zrejmé, že máte pripojenie k internetu a samozrejme, že používate nejaký prehliadač. Tak si to skús jeden kus kódu pred vykonaním po zdĺhavé. Pred tým sa pozrime, čo potrebujeme na to

• jQuery knižnica (na stiahnutie na http://jqueryjs.googlecode.com/files/jquery-1.2.6.js ~ ~ pobj ) Toto je aktuálna verzia, keď píšem príspevok.
• Moderné prehliadače (IE 6.0 +, FF 2 +, Safari 2.0 +, Opera 9.0 +) so zapnutým JavaScriptom.
• A textový editor (moja Obľúbené je Notepad + +)

Myslím, že všetci vieme, ako sa základné html stránka vyzerať. Radi by sme stačí spustiť jednoduchý kus kódu pridanie jQuery knižnicu
Teraz, len skopírujte a vložte vyššie uvedený kód a uložte ho volať "jQuery-test.html". Prečítajte si zvyšok tohto vstupu »