13 mars 2009

Den søte Chainability

Skrevet av: Mahbub i: Metoder

En av de beste ting om jQuery er det kjetting evne for nesten alle sine metoder. Hvis "chain evne" høres hebraisk, her er en liten forklaring hva det er.

chain

La oss si du har en <div id="myDiv"> Lorem Ipsum </ div>

Og du trenger å gjøre følgende

  1. Endre høyde 150px
  2. Endre opacity til 0,8
  3. Legg til en klasse kalt "pClass"
  4. Og sette teksten i div som "Vi er verdens"

Så, hva ville du gjøre i normale omstendigheter? Du skriver fire linjer med kode. Som hvis du bruker jQuery på konvensjonell måte du vil nok skrive

  1
 2
 3
 4
 ; er verden "); 

Men hvis vi bruker metoden chaininig vi hadde rett og slett skrive

 ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; .. $ ("# MyDiv") CSS ("høyde", "150px") fadeTo (500, 0.8) addClass ("pClass") tekst ("Vi er verdens")..; 

Ser rotete? Jeg tror ikke det. Det er lesbar med mindre du putter ganske mye av metoder til et objekt som er veldig usannsynlig. Så det er kjeding.

Bak skjermene, er kjeding enkelt gjøres ved å returnere objektet itselft etter påføring av metoden. Det er ganske likt hvordan vi bruker metoder i Javascript Object som

  "Lorem Ipsum Dolor" ; Var myString = "Lorem Ipsum dolor"; 
 ( ) . substring ( 0 , 5 ) ; .. pString = myString toLowerCase () delstreng (0, 5); 

Og dette er en gave når vi har muligheter til å gjøre sånt. Hvem ønsker å skrive mer kode når det er måter å gjøre det kort? Minst jeg ikke. Så nesten alle metodene

i jQuery har denne chainability. Alle metodene som kjede, returnerer hele jQuery objektet selv slik at flere metoder kan brukes til det.

Du kan se over koden som kjører her .

11 februar 2009

13 grunner til å bruke jQuery

Skrevet av: Mahbub In: misc

Vel, har det vært mange artikler om WWW som ville være nok "Hvorfor jQuery er valget". For meg er det bare presis, godt strukturert, høy læringskurve og enkel å bruke. Da jeg var i begynnelsen av min undergrad tilbake i 1999, var det ingen bibliotek å håndtere med korset problemer med nettleseren (Netscape brukt til å gjøre livet surt for javascript programmerere). Så vi måtte skrive lengre manus for et bestemt formål og håndtere korset problemer med nettleseren. Thomas Brattli ved dhtmlcentral ga noen ganske gode skript på menyer og noen biblioteker som vi brukte til å gjennomføre. Men fremfor alt var det ingen slik godt bibliotek som kan gjøre magi, et bibliotek som du kan utvide enkelt slik du vil, møter noe den virkelige programmering standard. Reisen til at javascript rammeverk begynte mye tidlig. Det finnes ganske mange biblioteker som startet nemlig mochikit, prototype, MooTools, dojo osv. Men du bør bruke jQuery for:

    1. Veldig Lett, veier mindre enn 20k når den er minimert og gzip.
    2. Høy læringskurve.
    3. Super chainability. Nesten hver jQuery metoden returnerer Jquery objektet som lar deg sette metoder i halene en etter en. .. som $ ("# div_one") CSS ("grensen", "1px solid # 000") fadeTo (300,0.5) slideUp (300).;
    4. Kan brukes sammen med andre bibliotek som MooTools bruker noconflict ().
    5. Lett å skrive plugins.
    6. Kode blir kort, søt og lett å forstå.
    7. Du trenger ikke å være en Javascript geek topp skrive jQuery koder.
    8. VIKTIG: Enorme fellesskap støtte og bidrag.
    9. Brukes av store åpen kildekode-applikasjoner som Drupal, WordPress.
    10. Microsoft valgte jQuery å bruke den med sine søknader. (Kan være et godt poeng til noen MS fans ;) )
    11. Veldig lett å spille med DOM. Lot av bygget i metoder integrert. DOM velgere er svært untuitive.
    12. Støtter XPath velgere.
    13. VELDIG VELDIG lett innebygde AJAX verktøy. (La meg en email hvis noen trenger å vite hvor enkelt dette er).

      Ok .. nok for nå. Listen kunne gå ganske lang.

      Mer å komme snart.

      30 august 2008

      JQuery nettstedet Fikk et nytt utseende

      Skrevet av: Mahbub In: misc

      Så etter all jQuery endret sin nettstedets utseende. Tidligere var det slags geek grensesnitt og noe kjedelig. Det nye utseendet er mye faglig.

      JQuery-The Skriv Mindre, gjøre mer, JavaScript Library_1220178506276

      På dagen i det nye utseendet lanseringen, var det en tag-linje som sier "Bli Javascript Rock Star" med en tegneserie. Men samfunnet brukere syntes å ha mislikt det sterkt, og etter flere og flere negative kommentarer Les resten av denne oppføringen »

      28 august 2008

      Komme i gang med jQuery

      Skrevet av: Mahbub In: Komme i gang

      Jeg antar at vi vet hva jQuery er. Vel å børste det opp, "jQuery er et javascript-bibliotek som gjør livet vårt enklere" . Jeg liker å definere på den måten. Ok, nå i dette innlegget, jeg skal vise deg hvordan du får ting i gang for jQuery. Som du kan lese denne bloggen, er det åpenbart at du har en Internett-tilkobling og selvfølgelig du bruker noen nettleser. Så la oss bare prøve en kodebit før innlegget lange. Før det la oss se hva vi trenger for at

      • jQuery Library (nedlasting fra http://jqueryjs.googlecode.com/files/jquery-1.2.6.js ) Dette er den gjeldende versjonen når jeg skriver innlegget.
      • En moderne nettleser (IE 6.0 +, FF 2 +, Safari 2.0 +, Opera 9.0 +) muliggjort med javascript.
      • Og en tekst editor (min Fav er Notepad + +)

      Jeg antar vi alle vet hvordan ser en grunnleggende html side som. Vi hadde bare kjøre en enkel kodebit å legge jQuery bibliotek
      Nå, bare kopiere og lime inn koden ovenfor og lagre det kaller "jquery-test.html". Les resten av denne oppføringen »

      20 august 2008

      jQuery Magisk begynner

      Skrevet av: Mahbub In: misc

      jQuery Magic er ment å vise noen tutorials, utdrag eller tips og triks som ikke er allment tilgjengelig med den offisielle jQuery nettsted selv om i plugins området. Vi kaller disse magi fordi jQuery selv er full av magi, ting du aldri trodde var mulig med noen liten bit av koder.
      Jeg skal prøve å vise tips og triks for nybegynnere, middels og avansert nivå. Jeg vil også gjerne interesserte forfattere som ønsker å bidra til dette nettstedet med sine tips og triks.
      Tags:

      Oversetter

      English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroatian flagDanish flagFinnish flagHindi flagPolish flagRomanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag

      Tags