Yksi parasta jQuery on sen ketjun kykyä lähes kaikki sen menetelmät. Jos "ketju kyky" kuulostaa hepreaksi, tässä hieman selitystä mitä se on.

Sanotaan sinulla <div id="myDiv"> Lorem ipsum </ div>

Ja sinun täytyy tehdä seuraavat

1. Muuta korkeus 150px
2. Muuta peittävyyttä oli 0,8
3. Lisää luokan nimeltä "pClass"
4. Ja asettaa tekstin sisällä div kuten "Me olemme maailman"

Joten, mitä tekisit normaalioloissa? Kirjoitat neljä riviä koodia. Kuten jos käytät jQuery on perinteiseen tapaan haluat luultavasti kirjoittaa

  1
 2
 3
 4

  ) . css ( "height" , "150px" ) ; $ ("# MyDiv"). CSS ("pituus", "150px");
 ) . fadeTo ( 500 , 0.8 ) ; $ ("# MyDiv"). FadeTo (500, 0,8); 
 ) . addClass ( "pClass" ) ; $ ("# MyDiv"). AddClass ("pClass '); 
 ) . text ( "We are the world" ) ; $ ("# MyDiv"). Teksti ("Me olemme maailma"); 

Mutta jos käytämme menetelmää chaininig olimme yksinkertaisesti kirjoittaa

  ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; $ ("# MyDiv"). CSS ("pituus", "150px"). FadeTo (500, 0,8). AddClass ("pClass"). Teksti ("Me olemme maailma"); 

Näyttää sotkuinen? En usko. Se on luettavissa jos laittaa aika paljon menetelmiä kohdetta, joka on hyvin epätodennäköistä. Tämä on siis ketjutusta.

Takana näytöt ketjutuksen yksinkertaisesti tapahtuu palauttamalla kohteen itselft jälkeen soveltamalla menetelmää. Se on aivan kuten miten me käytämme menetelmiä JavaScript Object kuten

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

  ( ) . substring ( 0 , 5 ) ; pString = myString. toLowerCase (). merkkijono (0, 5); 

Ja tämä on lahja, kun meillä on vaihtoehtoja tehdä tuollaista. Kuka haluaa kirjoittaa enemmän koodia, kun olet tapoja tehdä lyhyitä? Ainakin minulla ole. Melkein kaikki menetelmät

ja jQuery on tämä chainability. Kaikki menetelmät, että ketju, palauttaa koko jQuery kohteeseen saakka niin, että useampia menetelmiä voidaan soveltaa.

Näet yllä koodia käynnissä täällä .

No, on ollut monia artikkeleita WWW mikä riittää "Miksi jQuery on valinta". Minulle se on aivan tarkka, hyvin jäsennelty, korkea oppimiskäyrä ja helppokäyttöinen. Kun olin aluksi haluaisin undergrad jo vuonna 1999, ei ollut kirjasto käsitellä eri selaimet (Netscape käytetään tekemään elämää kurjaksi javascript-ohjelmoijille). Niinpä meidän piti kirjoittaa pidempiä skriptejä tiettyyn tarkoitukseen ja käsitellä eri selaimet. Thomas Brattli at dhtmlcentral antoivat joitakin melko hyviä skriptejä valikoissa ja jotkut kirjastot joita käytimme toteuttaa. Mutta ennen kaikkea ei ollut niin hyvä kirjasto, joka voisi tehdä magics, kirjasto, jota voi laajentaa helposti haluamallasi tavalla, jotain vastaa todellisia ohjelmointi-standardin. Matka tehdään javascript puitteet alkoivat hyvin varhain. On melko useita kirjastoja, jotka aloittivat eli mochikit, prototyyppi, mootools, salilla jne. Mutta sinun tulisi käyttää jQuery on:

1. Erittäin kevyt, painaa alle 20k pienennettynä ja gzipattu.
2. Korkea oppimiskäyrä.
3. Super chainability. Lähes jokainen jQuery Metodi palauttaa jQuery objekti jonka voit laittaa menetelmiä hännät yksi toisensa jälkeen. kuten $ ("# div_one"). CSS ("rajalla", "1px solid # 000"). fadeTo (300,0.5). slideUp (300);
4. Voidaan käyttää yhdessä muiden kirjastojen kuten mootools käyttäen noconflict ().
5. Helppo kirjoittaa plugins.
6. Koodi tulee lyhyt, makea ja helppo ymmärtää.
7. Sinun ei tarvitse olla JavaScript pelle alkuun kirjoittaa jQuery koodeja.
8. TÄRKEÄÄ: Vast yhteisön tukea ja maksuja.
9. Käytetään suuret avoimen lähdekoodin sovelluksia, kuten Drupal, WordPress.
10. Microsoft valitsi jQuery käyttää sitä hakemusten kanssa. (Voi olla hyvä piste jossain MS fanit )
11. Erittäin helppo pelata DOM. Paljon rakennettu menetelmien integroitu. DOM valitsimet ovat hyvin untuitive.
12. Tukee XPath valitsimet.
13. Erittäin hyvin helposti sisäänrakennetun AJAX apuohjelmia. (Jätä minulle sähköpostia, jos joku haluaa tietää, kuinka helppoa se on).

Ok .. Nyt riittää. Listaa voisi jatkaa melko pitkään.

Lisää tulossa lähiaikoina.

Joten loppujen jQuery vaihtanut sivuston ulkoasuun. Aiemmin se oli tavallaan Geek käyttöliittymän ja hieman tylsä. Uusi ilme on hyvin ammattimainen.

Kun päivä uuden ilmeen lanseeraus oli tag-line sanonta "Tule Javascript Rock Star" ja sarjakuva. Mutta yhteisön käyttäjät näyttivät pitäneet sitä voimakkaasti, ja sen jälkeen yhä enemmän negatiivisia kommentteja Lue loput tästä merkintä »

Oletan, että tiedämme, mitä jQuery on. No harjata sitä, "jQuery on JavaScript-kirjasto, joka tekee elämästä helpompaa" . Haluan määritellä tällä tavoin. Ok, nyt tähän virkaan, aion näyttää, miten saada asiat alkoi jQuery. Kuten voitte lukea blogia, se on selvää, että sinulla on internet-yhteys ja tietysti käytät joitakin selaimen. Joten vain kokeilla koodinpätkän ennen virka pitkiä. Sitä ennen katsotaanpas mitä me tarvitsemme tähän

• jQuery kirjasto (ladattavissa http://jqueryjs.googlecode.com/files/jquery-1.2.6.js ) Tämä nykyinen julkaisu kun olen kirjallisesti postitse.
• Moderni selain (IE 6.0 +, FF 2 +, Safari 2.0 +, Opera 9.0 +) ja JavaScript käytössä.
• Ja tekstieditorilla (Suosikki on Notepad + +)

Kai me kaikki tiedämme, miten perus html sivu näyttää. Olimme vain ajaa yksinkertaisen koodinpätkän lisääminen jQuery-kirjaston
Nyt, kopioi ja liitä yllä oleva koodi ja tallenna se kutsuvan "jQuery-test.html." Lue loput tästä merkintä »