Carson a dh'fheumas sinn agus ciamar a chlàradh JQuery-roghnaichear?

Nuadh-lìn dealbhaiche nach bu chòir a-mhàin a 'daingneachadh an bunaitean an HTML, na CSS agus JavaScript, ach cuideachd a bhith comasach air obrachadh ann an JQuery leabharlainn, a tha ag amas air an eadar-obrachadh eadar JavaScript le HTML-sgrìobhainnean. Gu bheil e a 'toirt cothrom luath cothrom sam bith eileamaid DOM (iarrtas phrògraman eadar-aghaidh a' toirt cothrom gu clàr na làraich html-faidhlichean) agus atharrachadh orra. Tha a 'phrìomh aonadan structarail an leabharlainn Tha an sgioba. Gus cur a-steach aon no an sgioba eile, feumaidh tu a JQuery-roghnaichear.

Formula-taghaidh ann an JQuery leabharlainn

An luchd-taghaidh ann an JQuery stèidhichte air an cleachdadh ann CSS. Tha iad a dhìth gus a thaghadh sa HTML-faidhle, gan cleachdadh airson adhbharachadh seo no dòighean eile gus gluasad iad (an sgioba). Rannsachadh a dhèanamh tro roghnaichear $ () gnìomh. Mar eisimpleir, $ ( 'div').

An luchd-taghaidh Faodar an seòrsachadh a rèir mar a tha an taghadh de eileamaidean:

• bunaiteach;
• le buadha;
• Rangachd;
• susbaint;
• air an t-suidheachadh;
• roghainn de fhoirm-achaidhean;
• feadhainn eile.

prìomh-taghaidh

Ann an 90% de chùisean a 'cleachdadh seo leabharlainn a chleachdadh JQuery-roghnaichear a bhuineas ris a' phrìomh bhuidheann. Tha iad uile gu math sìmplidh agus soilleir. Leig dhuinn beachdachadh air gach aon dhiubh:

• * - taghaidh a h-uile duilleag eileamaidean, nam measg an ceann, buidheann, msaa.;
• p / div / bàr-taoibh / ... - taghaidh a h-uile h-eileamaidean a 'buntainn ri ro-shuidhichte tag (ie gu p.div, bàr-taoibh, etc ...);
• .myClass / p.myClass - taghaidh na h-eileamaidean a shònrachadh leis a 'chlas-ainm;
• # MyID / p # myID -. 'Taghadh aon sam bith an nì le a thoirt Thùsail.

Seo eisimpleir. Nach can a dh'fheumas sinn gus a thaghadh a h-uile h-eileamaidean air an duilleig le par clas inntrigidh mar a leanas: $ (par.). Ma tha riatanach a-mhàin p eileamaidean den chlas seo, agus an uair sin a sgrìobhadh: $ (p.par).

taghadh an luchd-taghaidh

Faodaidh tu cleachdadh na JQuery prìomh-roghnaichear, ma dh'fheumas sinn gus a thaghadh nì sam bith a bhuineas don chlas a bhith a 'Chlàir no tagh a h-uile h-eileamaidean air an duilleag. Ach, tha cùisean nuair a nì nach eil clas no Thùsail. Tha e airson seo agus tha taghaidhean le buadha. Tha iad a 'leigeil leat taghadh a dhèanamh air cuid de na buadha an HTML-eileamaidean, leithid href no SRC. Buadha seo a sgrìobhadh ann an camagan ceàrnach [].

Tha sìmplidhe eisimpleir: $ ([SRC]) - taghaidh a h-uile h-eileamaidean aig a bheil SRC buadha. Tha e comasach caolachadh sampaill le bhith a 'sònrachadh cuid de luach buadha: $ ([SRC = "http: // làraich / article / 132222 / luach']).

Faodaidh tu a 'cleachdadh cuid de JQuery-taghaidh ma tha thu ag iarraidh a chaolachadh an achadh roghainn. Mar eisimpleir, $ (p [dath gorm =] [meud = 12]) - a thaghadh a-mhàin an fheadhainn a eileamaidean p, a tha gorm dath agus meud 12.

-taghaidh clàr na làraich

Anns a 'chùis, mur urrainn dhut a thaghadh eileamaidean stèidhichte air buadhan no bunaiteach-taghaidh, bu chòir dhut iomradh a thoirt air an cuid susbaint. Gu lèir, tha 4 roghnaichear seòrsa seo:

• : A 'gabhail a - taghaidh nithean anns an teacsa a shònrachadh;
• : Has - taghaidh eileamaidean anns a bheil eileamaidean eile feart an loidhne;
• : Phàrant - taghaidh eileamaidean anns a bheil sam bith eile;
• : Empty - taghaidh eileamaidean nach eil anns sam bith eile.

Seo eisimpleir. A thaghadh gach eileamaid div, anns a bheil teacsa na Halò, feumaidh tu sgrìobhadh $ (div: tha (a 'Hello')).

-taghaidh rangachd

Tha dòigh eile ann gus a thaghadh eileamaidean JQuery, 'se sin - a rèir an rangachd (is e sin, an co-mheas de a chèile air an HTML-duilleig). Tha mòran dhiubh, mar sin tha sinn a 'taisbeanadh an dà de na daoine, "phàiste" agus "shliochd".

Anns a 'chiad chùis na h-eileamaidean a tha air a thaghadh, a tha dìreach sliochd (clann) a thoirt eileamaid (sinnsear). Mar eisimpleir, tagh an t-eileamaidean an liosta ann an solas a 'chlas a tha an leanabh Nav liosta, an sin feumaidh tu a' sgrìobhadh: $ (# Nav ul> li.light).

Tha an dàrna cùis - nas fharsaingeachd. Chan urrainn a bhith air a thaghadh agus neo-dhìreach de shliochd an eileamaid. Mar eisimpleir, a thaghadh na ceangalan taobh a-staigh an liosta Nav òrdaichidh: $ (ul # Nav a).

Mar sin, ann an JQuery eileamaidean Faodar a thaghadh ann an diofar dhòighean le bhith a 'cleachdadh crìochan mar chlas, a' Chlàir, buadhan, susbaint no rangachd sgrìobhainn HTML-eileamaidean.