Wieħed mill-aħjar ħaġa dwar jQuery huwa huwa katina kapaċità għal kważi l-metodi kollha huwa. Jekk "katina kapaċità" ħsejjes Ebrajk, hawnhekk spjegazzjoni ftit dak li hu.

Ejja ngħidu li għandek <div id="myDiv"> Lorem ipsum </ div>

U inti għandek bżonn tagħmel dan li ġej

1. Ibdel il-għoli li 150px
2. Ibdel il-opaċità għal 0.8
3. Żid klassi msejħa "pClass"
4. U stabbiliti t-test ġewwa l-div bħal "Aħna l-dinja"

Allura, dak li għandek tagħmel f'ċirkostanzi normali? Inti tikteb erba 'linji ta' kodiċi. Bħal jekk inti tuża jQuery fil-mod konvenzjonali youd probabilment tikteb

  1
 2
 3
 4

 ; huma d-dinja "); 

Imma jekk nużaw metodu chaininig aħna'd sempliċement jiktbu

 ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; .. $ ("# MyDiv") css ("għoli", "150px") fadeTo (500, 0.8) addClass ("pClass") test ("Aħna l-dinja").;. 

Jistenna messy? I do not think so. Huwa tinqara sakemm inti tpoġġi pjuttost ħafna ta 'metodi għal oġġett li huwa improbabbli ħafna. Allura dan huwa ikkatenar.

Wara l-iskrins, ikkatenar hija sempliċement isir billi jirritorna l-oġġett itselft wara applikazzjoni tal-metodu. Huwa pjuttost simili kif nużaw metodi Għan Javascript bħal

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

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

U dan huwa rigal meta aħna jkollhom għażliet biex tagħmel affarijiet bħal dik. Min jixtieq li jikteb il-kodiċi aktar meta qed ikun hemm modi biex jagħmluha qasir? Mill-inqas I do not. Allura kważi kollha tal-metodi

fil jQuery għandu din chainability. Il-metodi li katina, jirritornaw l-oġġett jQuery kollu stess hekk li l-metodi aktar jistgħu jiġu applikati għaliha.

Tista 'tara l-kodiċi hawn fuq tmexxija hawn .