Een van de beste ding over jQuery is dat de keten staat voor bijna al zijn methoden. Als "ketting staat" klinkt hebreeuws, hier is een kleine uitleg wat het is.

Laten we zeggen dat je een <div id="myDiv"> Lorem Ipsum </ div>

En je moet het volgende doen

1. Verander de hoogte 150px
2. Verander de dekking tot 0,8
3. Voeg een klasse met de naam "pClass"
4. En stelt u de tekst in de div als "We are the world"

Dus, wat zou u doen in normale omstandigheden? Je schrijft vier regels code. Net als je jQuery in de conventionele manier zou je waarschijnlijk schrijven

  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") tekst ("We are the world").; 

Maar als we gebruik maken van methode chaininig we zouden gewoon schrijven

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

Ziet er rommelig? Ik denk het niet. Het is leesbaar tenzij je heel wat manieren om een ​​object dat is zeer onwaarschijnlijk. Dus dat is chaining.

Achter de schermen, is het koppelen eenvoudig door het terugzenden van het object itselft na het toepassen van de methode. Het is heel graag hoe we kunnen gebruiken die in JavaScript-object, zoals

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

  ( ) . substring ( 0 , 5 ) ; .. pString = MyString toLowerCase () substring (0, 5); 

En dit is een geschenk als we opties om dingen te doen zoals die moeten. Wie wil schrijven meer code als er zijn manieren om het kort te houden? Tenminste ik niet. Dus vrijwel alle van de volgende

in jQuery heeft deze chainability. Alle methoden die keten, geeft de gehele jQuery object zelf, zodat meer methoden kunnen worden toegepast.

U kunt de bovenstaande code draait hier .

Nou, zijn er veel artikelen op het WWW, die voldoende zou zijn: "Waarom jQuery is de keuze". Voor mij is het gewoon precies, goed gestructureerd, hoge leercurve en gemakkelijk te gebruiken. Toen ik in het begin van mijn undergrad in 1999, was er geen bibliotheek te gaan met de cross browser kwesties (Netscape gebruikt om het leven zuur maken javascript programmeurs). Dus moesten we langer scripts voor een bepaald doel te schrijven en de cross browser kwesties af te handelen. Thomas Brattli op dhtmlcentral gaf een aantal goede scripts op menu's en een aantal bibliotheken die we gebruikten om te implementeren. Maar bovenal was er geen goede bibliotheek, die zou kunnen doen magie, een bibliotheek dat u gemakkelijk kunt de manier waarop u wilt uitbreiden, iets aan de echte programmering standaard. De reis naar het maken van javascript kader begon veel te vroeg. Er zijn een aantal bibliotheken die namelijk gestart mochikit, prototype, MooTools, dojo enz. Maar je moet jQuery gebruiken voor:

1. Zeer licht in gewicht, weegt minder dan 20k terwijl deze is geminimaliseerd en gzip.
2. Hoge leercurve.
3. Super chainability. Bijna elke jQuery methode geeft de jQuery object waarmee je methodes die op staarten ene na de andere. .. als $ ("# div_one") css ("grens", "1px solid # 000") fadeTo (300,0.5) slideUp (300).;
4. Kan gebruikt worden met andere bibliotheken, zoals mootools met noconflict ().
5. Makkelijk te plugins te schrijven.
6. Code wordt kort, zoet en makkelijk te begrijpen.
7. Je hoeft niet te worden een Javascript geek top schrijven jQuery codes.
8. BELANGRIJK: Grote steun van de gemeenschap en bijdragen.
9. Gebruikt door grote open source applicaties zoals Drupal, WordPress.
10. Microsoft koos voor jQuery om het te gebruiken met hun toepassingen. (Kan een goed moment om enkele MS fans )
11. Zeer gemakkelijk om mee te spelen DOM. Veel gebouwd in geïntegreerde methoden. DOM-elementen zijn zeer untuitive.
12. Ondersteunt XPATH selectors.
13. ZEER ZEER gemakkelijk ingebouwde AJAX nutsbedrijven. (Laat me een email als iemand moet weten hoe makkelijk dit is).

Ok .. voorlopig genoeg. De lijst kon gaan vrij lang.

Binnenkort meer.

Dus na alle jQuery veranderde hun site look en feel. Eerder was een beetje geek-interface en een beetje saai. De nieuwe look is veel professioneel.

Op de dag van de nieuwe look lancering, was er een tag-line te zeggen: "Word een Javascript Rock Star" met een cartoon. Maar de gemeenschap gebruikers leek te hebben een hekel aan het zwaar en na meer en meer negatieve reacties Lees de rest van dit entry »

Ik neem aan dat we weten wat jQuery is. Nou om het te spijkeren, "jQuery is een Javascript-bibliotheek die maakt ons leven makkelijker" . Ik hou om te bepalen op die manier. Ok, nu in deze post, ik ga je laten zien hoe je dingen op te starten voor jQuery. Zoals je kunt lezen deze blog, is het duidelijk dat je een internetverbinding hebt en natuurlijk dat je het gebruik van bepaalde browser. Dus laten we maar een stukje code te proberen voordat u de post lang. Daarvoor laten we eens kijken wat we nodig hebben voor die

• jQuery Library (te downloaden vanaf http://jqueryjs.googlecode.com/files/jquery-1.2.6.js ) Dit is de huidige versie als ik de post schrijven.
• Een moderne browser (IE 6.0 +, FF 2 +, Safari 2.0 +, Opera 9.0 +) met JavaScript.
• En een teksteditor (my fav is notepad + +)

Ik denk dat we allemaal weten hoe een basis html pagina te zien. We hadden gewoon uitvoeren van een simpel stukje code toe te voegen jQuery bibliotheek
Nu, kopieer en plak de bovenstaande code en sla het op het aanroepen van "jquery-test.html". Lees de rest van dit entry »