Aisea tatou te manaomia ai ma le auala e faamaumau JQuery-selector?

le pulea o le gata e tatau ona mamanuina web po nei le faavae o le HTML, le CSS ma JavaScript, ae mafai foi ona e galue i le potutusi o JQuery, lea e taulai atu i le fesootaiga o JavaScript ma HTML-pepa aloaia. Lena e mafai ai avanoa vave i so o se elemene malo (talosaga polokalame Ofisa e tuuina le avanoa i mataupu HTML-faila) ma pulea i latou. O le autu iunite tau fausaga o le faletusi o le au. Ina ia faaaoga se tasi po o le isi au, e te manaomia se JQuery-selector.

selectors Fua Faatatau i faletusi JQuery

O le selectors i JQuery faavae i luga o le faaaogaina i CSS. e manaomia ona latou filifili mea HTML-faila, e faaaoga i latou e mafua ai nei po o isi auala o manipulating latou (le au). ua faia Search ala atu i le $ selector () galuega tauave. Mo se faataitaiga, $ ( 'div').

O le mafai ona faavasegaina selectors e faalagolago i le auala o le filifiliga o elemene:

• faavae;
• e uiga;
• le faatulagaga;
• mataupu;
• i luga o le tulaga;
• filifiliga o fanua pepa faatumu;
• isi.

selectors Key

I le 90% o mataupu pe a faaaogaina e faaaoga lenei faletusi JQuery-selector auai i le vaega autu. e fai lava si faigofie ma manino i latou uma. Ia tatou mafaufau ia i latou taitoatasi:

• * - filifilia elemene itulau uma, e aofia ai le ulu, tino, ma isi;.
• p / div / autafa / ... - filifilia elemene uma e faatatau i le pine fuafuaina (ie e p.div, autafa, etc ...);
• .myClass / p.myClass - filifilia le elemene i le suafa vasega maoti;
• # MyID / p # myID -. Filifilia so o se meataitasi o le tasi ma le ID tuuina mai.

O se faataitaiga. Sei o tatou fai atu e tatau ona tatou filifili elemene uma i luga o le itulau ma le tutusa ulufale vasega o le a avea e faapea: (. Tutusa) $. Afai na p tatau ai elemene o lenei vasega, ona tusi lea: $ (p.par).

faafetaia selectors

E mafai ona e faaaogaina le selector-autu JQuery, pe afai e tatau ona tatou filifili se mea e patino i so o se vasega ua ID pe filifili elemene uma i luga o le itulau. Ae peitai, o loo i tulaga pe a se mea e leai se vasega po o ID. E mo lenei ma o loo filifilia i le uiga. Latou mafai ai ona e faia se filifiliga i nisi uiga o le HTML-elemene, e pei o href po src. O lenei uiga ua tusia i puipui faatafafa [].

O le faataitaiga faigofie: $ ([src]) - filifilia elemene uma e maua uiga src. E mafai e lauitiiti le faataitaiga e faamaotiina taua uiga faapitoa: $ ([src = 'http: // nofoaga / mataupu / 132222 / taua]).

E mafai ona e faaaoga nisi selectors JQuery afai e te manao e lauitiiti le fanua o le filifiliga. Mo se faataitaiga, $ (p [lanu = lanu moana] [tele = 12]) - ua filifilia na p elemene i latou, lea ua i ai se lanu uli ma tele 12.

Selectors anotusi

I lena tulaga, pe afai e le mafai ona filifili elemene faavae i uiga po o selectors faavae, e tatau ona faasino atu i latou mataupu. I le atoa o loo i ai 4 selector o lenei ituaiga:

• : O lo oi ai - filifilia mea o loo i le mau ua faamaotiina;
• : Ua - filifilia elemene o loo i ai isi elemene uiga o le laina;
• : Matua - filifilia elemene o loo i ai so o se isi;
• : Avanoa - filifilia elemene e le aofia ai so o se isi.

O se faataitaiga. E filifili elemene uma div, o loo i le anotusi o le Talofa, e tatau ona e tusi $ (div: o loo i ai ( 'Talofa')).

Selectors faatulagaga

O loo i ai se isi auala e filifili elemene i JQuery, e pei o - tusa ma o latou faatulagaga (o, o le fua faatusatusa o le tasi i le isi i luga o le HTML itulau). O le toatele o i latou, ina ia tatou tuuina atu e lua o le sili ona lauiloa, "tamaitiiti" ma le "e tupuga".

I le tulaga muamua ua filifilia e le elemene, lea e tupuga tuusao (fanau) o se elemene tuuina (tuaa). Mo se faataitaiga, e filifili le elemene o le lisi i le vasega i le malamalama o se tamaitiiti lisi nav, lea e tatau ona e tusi ai: $ (ul # nav> li.light).

O le tulaga lona lua - a sili atu ona lautele. E le mafai ona filifilia ma tupuga leai foi o le elemene. Mo se faataitaiga, e filifili ai le sootaga i totonu o le lisi faatonuina nav: $ (ul # nav a).

O lea, i JQuery mafai ona filifilia elemene i ni auala eseese i le faaaogaina o le faataamilosaga e pei o se vasega, ID, uiga, mataupu po o le faatulagaga o elemene HTML-pepa aloaia.