Kial ni bezonas kaj kiel registri jQuery-elektilo?

Modernaj retejo dezajno ne nur majstri la fundamentojn de la HTML, la CSS kaj JavaScript, sed ankaŭ povos labori en la jQuery biblioteko, kiu centras en la interago de JavaScript kun HTML-dokumentoj. Ke ĝi permesas rapidan aliron al ajna elemento DOM (aplikon programado interfaco kiu provizas aliron al enhavo html-dosierojn) kaj manipuli ilin. La ĉefa struktura unuoj de la biblioteko estas la teamo. Por apliki unu aŭ la alia teamo, vi bezonas jQuery-selector.

Formulo selectores en jQuery biblioteko

La elektiloj en jQuery bazita sur uzo en CSS. Ili estas postulata por elekti erojn HTML-dosiero, uzi ilin por kaŭzi tiujn aŭ aliajn metodojn de manipulanta ilin (la teamo). Serĉu efektivigas per la selector $ () funkcio. Ekzemple, $ ( 'div').

La elektiloj eblas klasifikitaj en funkcio kiu la selektado de elementoj:

• baza;
• per eco;
• la hierarkio;
• enhavo;
• sur la situacio;
• elekto de formo kampoj;
• aliaj.

Key selectores

En 90% de kazoj kiam uzanta ĉi tiu biblioteko estas uzata jQuery-seleccionador apartenantaj al la ĉefa grupo. Ĉiuj ili estas tre simpla kaj klara. Ni konsciu bone ĉiu de ili:

• * - selektas ĉiu paĝo elementoj, inkluzive de la kapo, korpo, ktp.;
• p / div / sidebar / ... - selektas ĉiuj elementoj apartenantaj al la antaŭdeterminita etikedo (kio estas al p.div, ilobreto, ktp ...);
• .myClass / p.myClass - selektas la elementoj kun la specifita klasnomo;
• # MyID / p # myID -. Elektas iu elemento kun la donita ID.

Jen ekzemplo. Imagu ke ni devas elekti ĉiujn elementojn en la paĝo kun la paro klaso eniro estos tiel: $ (par.). Se necese nur p elementoj de ĉi tiu klaso, do skribu: $ (p.par).

atribui selectores

Vi povas uzi la jQuery ĉefa-seleccionador, se ni devas elekti elemento apartenanta al ajna klaso havanta ID aŭ elektu ĉiuj elementoj sur la paĝo. Tamen, estas kazoj kiam elemento havas klason aŭ ID. Estas por ĉi tiu kaj estas elektojn de atributo. Ili permesas vin fari elekton sur kelkaj eco de la HTML-elementojn, kiel ekzemple href aŭ src. Tiu eco estas skribita en rektaj krampoj [].

La plej simpla ekzemplo: $ ([src]) - selektas ĉiuj elementoj kiuj src atributo. Eblas mallarĝigi la specimeno oni petas tro certa eco valoro: $ ([fonto = 'http: // ejo / artikolo / 132222 / valoro']).

Vi povas uzi iun jQuery selectores se vi volas mallarĝigi la kampo de elekto. Ekzemple, $ (p [color = blue] [size = 12]) - estas elektitaj nur tiuj elementoj p, kiu havas bluan koloron kaj grandecon 12.

selectores enhavo

Tiuokaze, se vi ne povas elekti elementojn surbaze atributoj aŭ baza selectores, vi devus referi al ilia enhavo. Entute estas 4 selector de ĉi tiu tipo:

• : Enhavas - selektas erojn enhavantaj la specifita teksto;
• : Ĉu - selektas elementojn kiuj enhavas aliajn elementojn karakteriza de la linio;
• : Parent - selektas elementojn kiuj enhavas ĉiu alia;
• : Malplena - selektas elementojn kiuj ne enhavas ajnan alian.

Jen ekzemplo. Por elekti ĉiuj elementoj div, kiu enhavas la tekston de la Saluton, vi devas skribi $ (div: enhavas ( "Saluton")).

selectores hierarkio

Ekzistas alia maniero por elekti elementojn en jQuery, nome - laŭ ilia hierarkio (te, la rilatumo de unu la alian sur la HTML-paĝo). Multaj el ili, do ni prezentas du el la plej populara, "infano" kaj "posteulo".

En la unua kazo la elementoj estas elektitaj, kiuj estas rektaj posteuloj (infanoj) de donita elemento (prapatro). Ekzemple, por elekti la elementoj de la listo en lumo klaso kiu estas infano nav listo, tiam vi devas skribi: $ (ul # nav> li.light).

La dua kazo - pli ĝenerale. Tie povas esti elektita kaj nerektaj posteuloj de la elemento. Ekzemple, por elekti la ligoj ene de la listo nav preskribi: $ (ul # nav a).

Tiel, en jQuery elementoj povas esti elektitaj diversmaniere uzante parametrojn kiel klason, ID, atributoj, enhavo aŭ hierarkio de HTML-dokumenton elementoj.