Įgudęs, naudojant jQuery selektorius [į]
jQuery yra labai galingas variklis pasirinkimą, teikti pilną selektorių sintaksė, leidžia mums pasirinkti beveik visus elementus. jQuery's selektorių sintaksė remiasi css3 ir xPath, ir css3 ir xPath suprasti daugiau didesnis kai naudoti jQuery patogu. Apie CSS ir xPath, prašome kreiptis į šią nuorodą:
Pažymėtina, kad css3 šiandien nebuvo palaikyta visų naršyklių, todėl retai ją naudoti. Tačiau mes vis dar galime rinktis jQuery naudoti css3 elementai, nes jQuery turi savo papročius selektorių variklis, ir įgyvendinti css3 paramą.
JQuery selektorių norėtų žinoti daugiau informacijos, apsilankykite oficiali jQuery dokumentų išrinkiklis dalis. Dabar, originalas remiantis oficialių dokumentų, kad kai kuriuos paprastus vertimų ir paaiškinimai.
1. CSS selektorius (CPT selektoriai)
jQuery pilną paramą CSS 1-3, ir jis gali (selektoriaus) išraiška pridėti individualizuotą CSS patiko (ir XPath).
1,1 jQuery CSS selektorių sintaksė
- * Kiekvienas elementas
- E E visų tipų elementas (iš tikrųjų, E gali būti bet koks elementas)
- R: n-tasis vaikas (n) E tipo elemento, tai jo tėvas elementas sub-elementas pirmasis n
- E: pirmojo vaiko E tipo elemento, jis savo tėvo, pirmojo vaiko elementą elemento (ekvivalentas E: n-tasis vaikas (0))
- E: paskutinės vaikas E tipo elemento, jis savo tėvo, SUBMENIU elementas galutinis elementas
- E: tik vaikui ir E tipo elemento, tai yra vienintelis sūnus tėvo elementas elementas
- E: tuščias E tipo vartotojo sąsają (UI) elementų, jis neturi sub-elementas (įskaitant teksto elementų)
- E: įjungta E tipo vartotojo sąsają (UI) elementų, tai yra uždrausti (išjungta)
- E: išjungta tipo E naudotojo sąsają (UI) elementų, tai yra leisti (įjungta)
- E: patikrinti E tipo vartotojo sąsają (UI) elementų, jis pasirinktas (patikrinti) valstijos (mygtukų ir langelius)
- E: atrinktų E rūšies sąsaja (UI) elementų, jis pasirinktas (pasirinktos) valstybės (pagal pasirinkimą, yra vienas ar daugiau alternatyvių elementas). Pastaba: pasirinktas požymis nėra CSS specifikacijos, tačiau teikti vidaus paramą jQuery
- E.myclass E tipo elemento, jos klasė "myclass"
- E # myid E tipo elementas, jo numeris yra "myid"
- E: nėra (-ai) E tipo, elementas, ir rezultatas koncentracija elementas neatitinka (yra neįeina) selektorių s (naudojamas filtravimas)
- EF ir F tipo elementas, tai tipo elementas E palikuonys elementas (pastaba palikuonių elementas)
- E> F-F tipo elementas, tai tipo elementas E SUBMENIU elementą (atkreipkite dėmesį į sub-elementas)
- E + F F tipo elementas, ji yra laikomasi tipo elementas E už brolio elementas (F pastaba yra E brolio mazgai, ir yra taip glaudžiai po vieną)
- E ~ F F tipo elementas, tai tipo elementas E už brolio elementas (F pastaba yra brolis E-mazgas ir vieta nugaros E)
- E, F, G E, tipo elementas, F tipo elemento, tipo G elementas (naudojamas pasirinkti daugiau nei vienas elementas)
1,2 jQuery paramą, tačiau (su CSS specifikacija) skiriasi nuo selektoriaus sintaksė
Skirtumas yra tas, kad nekilnojamojo turto pavadinimas turi būti pridėtas prieš simbolį "@"
- E [@ foo] E tipo elementas, jis turi savybę "foo"
- E [@ foo = bar] E tipo elementas, jis turi atributus "foo = bar"
- E [@ foo ^ = bar] E tipo elementas, jis turi savybę "foo", o jo vertė atributo yra "bar" pradžioje,
- E [@ foo $ = bar] E tipo elementas, jis turi savybę "foo", o jo vertė atributo yra "bar" pabaigoje
- E [@ foo *= bar] E tipo elemento, ji turi savybę "foo", o jo vertė atributo yra "bar"
- E [@ foo = bar] [@ Baz = MB] E tipo elemento, jis atributus "foo = bar" ir atributų "Baz = BOP"
Pastaba: pirmiau nurodyta "juosta" ir "MB" yra eilutės.
Ne palaikoma 1,3 jQuery selektorių sintaksė (sutrumpinta)
Kadangi jokio praktinio poveikio, todėl mes turime ne eiti į detales, norėčiau daugiau sužinoti galite perskaityti oficialios pagalbos dokumentuose.
1,4 CONTEX ir įtvirtinimas
CONTEX galite sustoti (vieta) selektorių, kuris jQuery su CSS normų skirtumas. Vartotojai gali naudoti sintaksę: $ (expr:, kontekste) nustatyti kontekste šaknis. Numatyta kontekste šaknis visą dokumentą.
2. XPath selektorių (xPath selectors)
XPath yra taip pat remiama jQuer viena selektorių sintaksė. jQuery remti pagrindines XPath sintaksė. Štai keletas pavyzdžių pavyzdys.
2,1 padėties kelio (kur keliai)
- Absoliutus kelias, o ne visą HTML document
$ ( "/ Html / body / / p) $ (" body / / p) $ ( "p / .. / div")- Santykinis kelio, o nustatyti kontekste mazgas "šiame"
$ ( "P / *", tai) $ ( "/ p / / a", tai)2,2 remti kryptis selektorių
- "/ /": Kryptimi elementai (div visų tipų p palikuonys elementai)
$ ( "/ Div / / p") $("// div / / p ")- "/": Tarpinė elementai (div visų tipų p sub-elementų)
$("// Div / p ")- "~": Brother elementai (div visų tipų forma brolis elementai)
$("// Div ~ forma)- ""..": Tėvas elementai (div tėvų elemento tipo p SUBMENIU elementai)
$("// Div / .. / p ")2,3 paramos pirminiam gramatika (Predicates)
- [@ Foo] turi atributą "foo"
$("// Įvesties [@ foo] ")- [@ Foo = 'test'] turi atributą "foo = 'test'"
$("// A [@ foo = 'tsxt "]")- [Nodelist] atitikimas elementų jų vaikai ir anūkai Nodelist (naudojamas filtras)
$("// Div [p] ") $("// div [p / a])2,4 jQuery paramą, tačiau (su xPath specifikacija) Predicate įvairių sintaksė (Predicates)
- [paskutiniais ()] arba [pozicija () = paskutiniais ()] tampa: paskutinis (pasirinkimas rezultatus daugiausia dėl galutinio elemento)
$ ( "P: paskutinis)- [0] arba [pozicija () = 0] tampa: ekv (0) arba pirmoji (pasirinkimas rezultatus dėmesys pirmasis elementas)
$ ( "P: pirmasis") $ ( "p": ekv (0) ")- [pozicija () <5] tampa: lt (5) (pasirinkimas iš daugiau nei 5 indekso rezultatas elementai)
$ ( "R: lt (5)")- [pozicija ()> 2], tampa: BT (2) (pasirinkimas rezultatus koncentruotas indeksas mažesnis kaip 2 dalys)
$ ( "P: BT (2)")Pastaba: "tampa" prieš tai predicates yra XPath sintaksė, gale yra lygiavertis jQuery sintaksė.
3. JQuery selektorių individualizuotos (Custom selectors)
jQuery yra keletas nestandartinių selektorių sintaksė, gramatika Nors tai yra ne CSS ir xPath specifikacijos, tačiau jie yra labai patogu, kai jie laimėjo atėjo jQuery.
3,1 užsakymą selektorių (Pasirinktiniai selectors)
- : Net rezultatus sutelkti savo indeksą net numerius (net nos) iš elementų
- : Odd rezultatus sutelkti savo indeksą nelyginėse (ne parzysty) iš elementų
- : Ekv (N) ir: n-tasis (Š) pasirinkti sutelkti dėmesį į rezultatus indeksas elementus N
- : BT (N) pasirinkti sutelkti dėmesį į rezultatus indeksas elementai yra didesnis nei N
- : Lt (N) pasirinkti sutelkti dėmesį į rezultatus, indeksas yra mažesnis nei N elementai
- : Pirmiausia pasirinkite pirmojo rezultato elemento (lygiavertiška ekv (0) arba n-tasis (0))
- : Paskutinis pasirinkimas rezultatus daugiausia dėl galutinio elemento
- : Tėvų pasirinkimo rezultatas dėmesio elementus, jis turi būti pa-elementų (įskaitant teksto mazgai) (su: tuščias atvirkščiai)
- : Yra ( 'test') pasirinkti sutelkti dėmesį į rezultatus, nurodytas tekstas yra elementai
- : Matoma pasirinkite visas matomas (matomo) iš elementų (rodyti atributo vertė matoma, blokas, inline ar matomumas nuo turto vertės matoma, nėra paslėptų elementų (dėl paslėptų tipą, tokius kaip <input type = "hidden" ... >))
- : Paslėptas pasirinkite visas paslėptas (matoma) iš elementų (rodyti atributo vertė lygi nėra, arba matomumo vertė savybės paslėpta, nėra paslėptų elementų (dėl paslėptų tipą, pvz <input Type="hidden" …>))
Pavyzdžiai:
$ ( "P: pirmasis"). Css ( "fontweight", "paryškinti"); $ ( "div: hidden"). Rodyti (); $ ( "/ div: yra ( 'test')", tai). hide ();3,2 selektorių formą (Forma selectors)
- : Įvesties pasirinkite visus formos elementais (input, select, textarea, button)
- : Tekstas ir pažymėsite visą tekstą domeno (type = "text").
- : Slaptažodis pasirinkite visus domeno slaptažodį (type = "password").
- : Radijo pasirinkite visus mygtukus (type = "radijas").
- : Pažymėkite, jei norite pasirinkti visus langelius (type = "checkbox").
- : Pateikti pasirinkite visus mygtuką "Siųsti" (type = "submit").
- : Image pasirinkite visi vaizdiniai domeno (type = "image").
- : Naujo pasirinkti visus reset mygtuko (type = "reset").
- : Mygtuką, norėdami pasirinkti visus mygtuko (type = "button").
- : Failą pasirinkti visus <input type="file">.
: Paslėpta taip pat yra 3.1 punkte aprašyta.
Siūlomas formos naudojimo galimybės pateikti kontekste šaknų, pavyzdžiai:
$ ( '# Myform: įvedimas ")$ ( 'Input: radijo "myform)Virš jo galutinis pareiškimas bus pasirinkti visus "myform" forma visiems mygtuką, kuris yra lygiavertis [@ type = radio] (ty $ ( "[type = radijo], myform")), bet lentelė vieną selektorių bus šiek tiek spartesnis, ypač didelio masto formą.
3,3 daugiau selektorių
jQuery selektorių, kuris leidžia trečiųjų šalių plug-in išplėsti:
- Daugiau selectors Įskiepis
- Mike Alsup dėl Muitinės selektoriai
- Pataisa, kad būtų galima pasirinkti naudojant CSS turtą (visą įskiepiai bus išleistos kartu su 1.1)
Nuorodos:
http://docs.jquery.com/DOM/Traversing/Selectors
(2 balsų, vidurkis: 5 iš 5) - Sveiki reitingas pagal šį straipsnį
Kraunasi ... Nr dovanojamos per paskutinius 180 days.Who kad donorystė bus palikti žinutę čia. Donate Now.Tai wordpress įskiepiai WP-dovanotojas. Ji numato sumanaus donorystės funkcija autoleave rėmėjo informaciją šio konteinerio po apmokėjimo. Žmonės gali dovanoti ir pateikite pavadinimą / adresą arba tekstinė AD. Informacija apie paskutines donorai yra rodomas, debesys. Į daugiau asmens donates, tuo didesnis jų ryšį, bus be.It 's rems populiariausių mokėjimo sąsajos ateitį. ParPal Tiesiog pirmosios. Daugiau ..Powered By: DG-DONATORSSusijusios Prisijungti
Šiame dokumente, skaitytojai taip pat yra susirūpinęs, kad taip:
- N / A
Liepa 21, 2008 Autorius: eric | Kodai | Trackback | No Comments »|
| 196 peržiūros
Palikite atsakymą