Mi szükséges és hogyan írható a jQuery választó?

A modern webdesignernek nemcsak sajátja leheta HTML, a CSS és a JavaScript alapjait, de képes egy jQuery könyvtárban is dolgozni, amely a JavaScript és a HTML dokumentumok közötti kölcsönhatásra koncentrál. Vagyis lehetővé teszi a DOM bármely elemének gyors elérését és manipulálását (olyan szoftver felület, amely hozzáférést nyit a HTML fájlok tartalmához). Ennek a könyvtárnak a fő strukturális egységei parancsok. Annak érdekében, hogy használhassa ezt a parancsot, szüksége van egy jQuery-választóra.

Formula kiválasztók a jQuery könyvtárban

A jQuery választók a CSS-ben használatosak. Ezek szükségesek a HTML fájl elemeinek kiválasztásához annak érdekében, hogy ezeket vagy más módszereket manipulálni tudják (parancsokkal) a segítségükkel. A szelektorkeresés a $ () függvény használatával történik. Például $ ("div").

A választók az elemek kiválasztásának módjától függően osztályozhatók:

• alap;
• attribútum szerint;
• hierarchiában;
• tartalom szerint;
• pozíció szerint;
• űrlapmezők kiválasztása;
• mások.

Fő kiválasztók

Az esetek 90% -ában a könyvtár használatakor jQuery választót használ, amely a fő csoporthoz tartozik. Mindegyik meglehetősen egyszerű és egyszerű. Mindegyiküket vegye figyelembe:

• * - kiválasztja az összes oldalelemet, beleértve a fejét, testét stb .;
• p / div / sidebar / ... - kiválasztja az adott címkéhez kapcsolódó összes elemet (pl. p.div, oldalsáv stb.);
• .myClass / p.myClass - a megadott osztálynévvel rendelkező elemek kiválasztása;
• # myID / p. # myID - kiválaszt egy elemet az adott azonosítóval.

Mutassunk példát. Tegyük fel, hogy ki kell választanunk egy osztály összes elemét, a rekord így fog kinézni: $ (. Par). Ha csak ezen osztályú p elemekre van szükség, akkor írd: $ (p.par).

Attribútum választók

A fő jQuery választó akkor használható, haki kell választanunk egy olyan osztályhoz tartozó elemet, amely azonosítóval rendelkezik, vagy kiválaszthatja az oldal összes elemét. Vannak azonban esetek, amikor a kívánt tételhez nincs osztály vagy azonosító. Ez az attribútum kiválasztó. Lehetővé teszik, hogy a HTML elem bizonyos attribútumához, például a href vagy az srchoz válasszon ki egy választást. Ez az attribútum szögletes zárójelben van írva [].

A legegyszerűbb példa: $ ([src]) - kiválasztja az összes olyan elemet, amelyik az src attribútummal rendelkezik. A kijelölési területet szűkítheti úgy, hogy az attribútumot egy meghatározott értékre állítja be: $ ([src = "value"]).

Többet is használhat a jQuery-banha szükséges, szűkítse a kiválasztási területet. Például: $ (p [color = blue] [size = 12]) - csak azok a p elemek lesznek kiválasztva, amelyek cian és 12-es méretűek.

Tartalomválasztók

Abban az esetben, ha nem lehet elemeket kiválasztani attribútumokkal vagy főválasztókkal, akkor érdemes hivatkozni a tartalomra. Összesen 4 választó van ebben a típusban:

• : contains - kiválasztja a megadott szöveget tartalmazó elemeket;
• : van - olyan elemeket választ ki, amelyek az adott karakterláncra jellemző egyéb elemeket tartalmaznak;
• : szülő - minden más elemet tartalmazó elem kiválasztása;
• : üres - olyan elemeket jelöl ki, amelyek nem tartalmaznak másokat.

Mutassunk példát. Ahhoz, hogy kiválaszthassa az összes div elemet, amely tartalmazza a szöveget Hello, meg kell írni $ (div: contains ("Hello")).

A választók hierarchiában

Van egy másik mód a jQuery elemeinek kiválasztására,nevezetesen a hierarchiájuk szerint (vagyis a kapcsolatuk egymással a HTML oldalon). Sokan vannak, ezért bemutatjuk a két legnépszerűbbet: a "gyermek" és a "leszármazotta".

Az első esetben elemeket választanak kiegy adott elem (őse) közvetlen leszármazottai (gyermekei). Például, ha a könnyű osztályban lévő listaelemeket szeretné kiválasztani, amelyek a navigációs lista gyermekei, akkor írjon: $ (ul # nav> li.light).

A második eset általánosabb. Néhány elem közvetett leszármazottai itt választhatók. Például a nav-listán belüli linkek kiválasztásához írunk: $ (ul # nav a).

Így a jQuery-ban az elemek különféle módokon választhatók ki, például egy HTML-dokumentum elemeinek, osztályának, azonosítójának, attribútumainak, tartalmának vagy hierarchiájának használatával.