He aha e hiahia ana matou me pehea ki te tuhi i jQuery-kaikōwhiri?

e kore e kaihoahoa tukutuku Modern rangatira anake nga taketake o te HTML, te CSS me JavaScript, engari ano hoki e taea ki te mahi i roto i te whare pukapuka jQuery, e hāngai ana i runga i te pāhekoheko o JavaScript ki HTML-tuhinga. E taea reira uru tere ki tetahi huānga DOM (atanga papatonotanga taupānga e whakarato whai wāhi ki te ihirangi html-kōnae) me te rāwekeweke i ratou. Ko te wae hanganga matua o te whare pukapuka ko te kapa. I roto i te tikanga ki te tono tetahi te atu kapa ranei, e hiahia ana koe he jQuery-kaikōwhiri.

Tīpako Tātai i roto i te whare pukapuka jQuery

Ko te Tīpako roto jQuery i runga i te whakamahi i roto i te CSS. E hiahiatia ana ratou ki te tīpako tūemi HTML-kōnae, ki te whakamahi i ratou ki te meinga i ētahi atu tikanga enei ranei o raweke ratou (te kapa). kawea Rapu i roto mā te kaikōwhiri $ () mahi. Hei tauira, $ ( 'Tauoti').

Ka taea te whakarōpūtia nga Tīpako ki runga ki te āhua o te kōwhiringa o ngā huānga rānei:

• taketake;
• i te huanga;
• te nahanaha;
• ihirangi;
• i runga i te āhuatanga;
• kōwhiringa o te puka mara;
• ētahi atu.

Tīpako matua

I roto i te 90% o ngā take ka whakamahi i whakamahia tenei pukapuka ko jQuery-kaikōwhiri no ki te rōpū matua. He tino ohie, me te mārama katoa o ratou. Kia whakaaro tatou ia o ratou:

• * - kōwhiria ngā āhuatanga whārangi katoa, tae atu i te upoko, tinana, aha noa;.
• p / DIV / paetaha / ... - kōwhiria āhuatanga katoa e pā ana ki te tūtohu tomu'a (arā, ki te p.div, paetaha, aha ...);
• .myClass / p.myClass - kōwhiria e te āhuatanga ki te ingoa o te piha haapiiraa i whakapūtātia;
• # MyID / p # myID -. Ka tīpako i tetahi kotahi tūemi ki te ID homai.

Ko te tauira i konei. Kia mea a hiahia tatou ki te tīpako āhuatanga katoa i runga i te whārangi, me te urunga o te piha haapiiraa par ka kia e whai ake: (. Par) $. Ki te tika anake huānga p o tenei piha haapiiraa, ka tuhituhi: $ (p.par).

huanga Tīpako

Ka taea e koe te whakamahi i te jQuery matua-kaikōwhiri, ki te hiahia tatou ki te tīpako i tētahi tūemi no ki tetahi he ID piha ranei tīpako āhuatanga katoa i runga i te whārangi. Heoi, i reira he take ina he tūemi kahore piha ID ranei. Ko reira hoki tenei a reira e kōwhiringa i huanga. tukua ratou ki a koe te hanga i tētahi kōwhiringa i runga i etahi huanga o te HTML-huānga, pērā i href src ranei. Tenei huanga Kua oti te tuhituhi i roto i te taiapa tapawha [].

Ko te tauira māmā: $ ([src]) - kōwhiria e ngā āhuatanga katoa e whai src huanga. Ko taea ki te whakawhāiti i te tauira mā te tauwhāiti etahi uara huanga: $ ([src = 'http: // pae / tuhinga / 132222 / uara']).

Ka taea e koe te whakamahi i te tahi mau Tīpako jQuery ki te hiahia koe ki te whakawhaiti i te mara o te whiriwhiri. Hei tauira, $ (p [tae = puru] [rahi = 12]) - e tīpakohia anake aua āhuatanga p, e whai he tae puru, me te rahi 12.

ihirangi Tīpako

I roto i taua take, ki te kore koe e taea e te tīpako huānga e hāngai ana i runga i ngā huanga Tīpako taketake ranei, kia kōrero koe ki to ratou ihirangi. I roto i te katoa i reira e 4 kaikōwhiri o tenei momo:

• : Kei - kōwhiria ngā tūemi kei roto i te kuputuhi i tohua;
• : Kua - kōwhiria ngā āhuatanga e roto i te tahi atu āhuatanga āhuatanga o te aho;
• : Parent - kōwhiria ngā āhuatanga e roto i tetahi atu;
• : Putua - kōwhiria ngā āhuatanga e kore e e roto i tetahi atu.

Ko te tauira i konei. Hei tīpako huānga Tauoti katoa, kei roto i te kuputuhi o te Hello, e hiahia ana koe ki te tuhituhi $ (Tauoti: Kei ( 'Hello')).

Tīpako nahanaha

He he ara tetahi ki te tīpako āhuatanga i roto i jQuery, ara - rite ki o ratou aroākapanga (e ko, te ōwehenga o tetahi ki tetahi i runga i te HTML whārangi-). He rota o ratou, pera tapaea tatou e rua o te tino rongonui, "tamaiti" me "uri".

I roto i te take tuatahi e tīpakohia te mea timatanga, e he uri hāngai (tamariki) o te pūmotu i homai (tupuna). Hei tauira, ki te tīpako i te āhuatanga o te rārangi i roto i te piha haapiiraa te marama i te mea he rārangi nav tamaiti, ka hiahia koe ki te tuhituhi: $ (ul # nav> li.light).

Ko te take tuarua - he whānui ake. He taea te tīpakohia me uri autaki o te huānga. Hei tauira, ki te tīpako i te hononga i roto i te rārangi nav whakahau: $ (ul # nav he).

Ko te kupu, i roto i jQuery taea te tīpakohia huānga i roto i ngā huarahi mā te whakamahi i ngā tawhā pērā i te piha haapiiraa, ID, huanga, ihirangi nahanaha ranei o āhuatanga HTML-tuhinga.