Kiválasztja az elemeket a jquery
Válassza az egyik vagy a másik elem nagyon egyszerű a jQuery. Vegyünk néhány legkeresettebb esetekben:
Ez elég egyszerű - a $ jel.
Ie $ ( 'A kiválasztott elem). Ahhoz, hogy válassza ki az összes divs ezen az oldalon, akkor regisztrálni kell $ ( „div”).
$ ( "# Fejléc") - így egy elem id = "header"
$ ( "H3") - hogy minden
elemek
$ ( "# Div tartalom .photo") - kap minden olyan elem class = "photo", amelyek a div elem id = "content"
$ ( "Ul li") - hogy minden
- A listából
$ ( „Div p # valami”) // kiválasztja az összes kapcsolatot azonosítójú szakasz a „valami”, és a szülő div.Kiválasztása elemek azonosító
$ ( '# Sajatazonosito'); // ID egyedi legyen az oldalon
Kiválasztása elemek osztály neve
$ ( 'Div.myClass'); // teljesítménye nagyobb lesz, ha meg másik típusú elem
Kiválasztása elemek attribútum
$ ( 'Input [name = FIRST_NAME]'); // szem előtt tartani, hogy ez a minta lehet hosszú
$ ( '# Tartalom ul.people li'); // elemek kijelölése keresztül kompozit választóPszeudo-szelektor
$ ( 'A.external: az első');
$ ( 'Tr: páratlan');
$ ( '# MyForm: input'); // jelölje ki az összes input-ok formájában
$ ( 'Div: Csak');
$ ( 'Div: GT (2)'); // minden, de az első három div-ek
$ ( 'Div: animációs'); // minden animált div-ekKiválasztása attribútum szelektor
Mintavétel attribútumokat kell használni, csak a legvégső esetben, mert hosszú időt vesz igénybe. Ha lehetséges, hogy egy minta azonosító, osztály nevét vagy a neve.
// megállapítja mindazokat az elemeket, a típus , akinek rel attribútumot végződik „thinger”
$ ( "A [rel $ = 'thinger']");Honnan tudom, hogy a minta nem üres?
Szükséges, hogy ellenőrizze a length tulajdonság, ami azt jelzi, hogy hány elem került kiválasztásra.
if ($ ( „div.foo”). hosszúság) // példája feltételeket egy nem üres mintaminták megőrzésének
A minta lehet változóban tároljuk.
var $ divs = $ ( 'div');Előfordul, hogy a minta több elem, mint amire szükséged van. Ez jQuery biztosít számos módszer finomítsa a kiválasztást.
// minta tisztázni példák
$ ( 'Div.foo') van ( 'P') .; // elemek div.foo, amelyek elemeket tartalmaznak,
$ ( 'H1') nem (a 'bar'.) .; // elemek h1, amelyek nem rendelkeznek egy osztály bar
$ ( 'Ul li') szűrő (jelenlegi.) .; // rendezetlen lista az aktuális osztály
$ ( 'Ul li') első () .; // az első eleme a rendezetlen listát
$ ( 'Ul li') ekvivalens (5) .; // hatodikA mintákat a forma elemek
jQuery kínál számos ál-szelektor, amely lehetővé teszi, hogy megtalálja példány formájában. Ezek szelektorok különösen hasznosak, mivel nehéz azonosítani az elemek a forma saját feltételek vagy normál CSS használatával szelektorok.
gombot választja elemek
$ ( "Ul li: az első") - kapnak csak az első eleme