Ke hobane'ng ha re hloka 'me kamoo ho ngola jQuery-selector?

Morao-rao ho web moqapi lokela, e seng feela tseba le lintho tsa motheo tsa HTML ya, e CSS le Javascript, empa hape a khona ho sebetsa ka laebraring jQuery, e bua haholo ka ntho e sebelisana tsa Javascript le-litokomane tsa HTML. Hore e re thusa ho fihlella potlakela ho elements leha e le efe Dom (segokanyimmediamentsi sa sebolokigolo kopo mananeo hore e fana ka mokhoa oa ho dikahare a difaele tsa ho HTML-) le laola bona. Ka sehloohong diyuniti mehaho laebrari ka ke sehlopha. E le hore ho sebetsa le 'ngoe kapa sehlopha sa ba bang, o lokela ho ba le jQuery-selector.

Moralo selectors ka jQuery sebelisa laebrari

The selectors ka jQuery thehiloeng ho sebelisoa ka CSS. Ba lokela ho khetha lintho tse HTML-faele, ho li sebelisa ho etsa hore bana kapa mekhoa e meng ea laola tsona (le sehlopha). Search e phethahatsoa ka tsela e selector $ () mosebetsi. Mohlala, $ ( 'div').

selectors The ka classified ho itšetlehile ka hore na tlhopho ya likarolo:

• mantlha;
• ke tšobotsi;
• le sehlopha se busang;
• dikahare;
• ka boemo boo;
• kgetho ya masimo a foromo;
• ba bang.

selectors senotlolo

Ka 90% ea linyeoe ha u sebelisa laebrari e ena e sebediswa jQuery-selector bao e leng sehlopha se ka sehloohong. Kaofela ha bona ke bonolo le e hlakileng. A re hlahlobeng e mong le e ba bona:

• * - khetha likarolo tsohle leqepheng la, ho akarelletsa le hlooho, 'mele, joalo-joalo;.
• E leq travel / div / barathoko / ... - khetha likarolo tsohle tse amanang le ho kenya tag esale pele (ke hore, ho p.div, barathoko, joalo-joalo ...);
• .myClass / p.myClass - khetha thepa ea motheo e le boletsweng lebitso sehlopha sa;
• # MyID / leq # myID -. Khetha leha e le efe ntho e 'ngoe le ID fanoeng.

Mona ke mohlala. A re re re lokela ho khetha likarolo tsohle tse leqepheng la le ho kena par, sehlopha sa tla ba ka mokgwa o latelang: (. Par,) $. Haeba ho hlokahala feela leq metsoako ea sehlopha sena, ka nako eo a ngole tjena: $ (p.par).

hlalosa selectors

O ka sebelisa jQuery ka sehloohong-selector, haeba re lokela ho khetha e ka ntlha ya bao e leng sehlopha sa leha e le efe le ID kapa khetha likarolo tsohle ka leqepheng la. Leha ho le joalo, ho na le Maemong a ha ntho e se nang sehlopha sa kapa ID. Ho ena le ho na le bakhethoa ke tšobotsi. Ba u lumella hore u ho etsa kgetho tse ling tšobotsi ea HTML-likarolo, tse kang href kapa src. tšobotsi ena e ngotsoeng ka masakaneng lisekoere [].

Mohlala bonolo: $ ([src]) - khetha likarolo tsohle hore na src tšobotsi. Ho ka etsahala ho tšesaane le sampole ke mme bo hlalosang itseng tšobotsi boleng: $ ([src = 'http: // saeteng / sehlooho se reng / 132222 / boleng']).

U ka sebelisa ba bang ba selectors jQuery haeba u batla ho tšesaane tšimo ea ho etsa khetho. Mohlala, $ (leq [mala = putsoa] [boholo = 12]) - di a khetha bao feela likarolo leq, e na le 'mala o boputsoa le boholo 12.

Selectors dikahare

Boemong bo joalo, haeba u ke ke ua khetha likarolo e thehiloeng litšobotsi kapa selectors motheo, u lokela ho bua ka dikahare tsa bona. Ka palo yohle ho na le 4 selector la mofuta ona:

• : E na - khetha lintho tse nang le boletsweng sengolwa;
• : Na - khetha likarolo tse nang likarolo tse ling tse khethollang ba mohala;
• : Parent - khetha likarolo tse nang leha e le efe;
• : Empty - khetha likarolo tse sa na le tse ling tse leha e le efe.

Mona ke mohlala. Ho khetha likarolo tsohle div, e nang le taba e ngotsoeng ea Hello, o lokela ho ngola $ (div: na le ( "Hello ')).

Selectors sehlopha se busang

Ho na le tsela e 'ngoe ho khetha likarolo tse jQuery, e leng - ho latela sehlopha se busang bona (ke hore, karo-karolelano ea mong ho e mong ka HTML-leqephe). A mangata, kahoo re hlahisa tse peli tsa ka ho fetisisa ratoa, "ngoana" le "setloholo".

Tabeng ea pele boemo ba leholimo ba khethoa, e leng litloholo tsa ka ho toba (bana) tsa elements fanoeng (balimo). Ka mohlala, ho khetha likarolo tsa lethathamo le ka tlelaseng khanya eo ke lethathamo ngoana nav, nako eo o lokela hore a ngole: $ (ouaaoul # nav> li.light).

Tabeng ea bobeli - ho feta kakaretso. Ho na le ka khetha le litloholo sa tobang ea elements ea. Ka mohlala, ho khetha maqhama ka hare ho lethathamo nav laela: $ (ouaaoul # nav a).

Kahoo, ka jQuery likarolo ka khetha ka litsela tse sa tšoaneng ka ho sebedisa ditekanyetso tse kang sa sehlopha sa, ID, litšobotsi, dikahare kapa sehlopha se busang likarolo HTML-tokomane.