JQuery selektoru kompetents izmantošanu [to]
jQuery ir ļoti dzinējspēks atlasītāju, lai nodrošinātu pilnīgu selektoru sintakse, mums ir izvēlējušies, lai varētu gandrīz visi elementi, portfelis. jQuery selektoru uz sintakse un CSS3 galvenokārt ir balstīta uz XPath, un CSS3 saprast XPath vairāk izmantot, jo vairāk nozīmīgs, ja jQuery rokai. CSS un saistīti XPath, skatiet šādas saites:
Ir vērts atzīmēt, ka CSS3 netiek visus pašreizējos pārlūku atbalsts, lai mēs reti lietot. Tomēr, mums joprojām var izmantot jQuery izvēle CSS3 elementi, kā jQuery ir savas muitas selektoru dzinēju, kā arī realizācija par CSS3 atbalsts.
JQuery selektoru vēlētos uzzināt vairāk informācijas, apmeklējiet oficiālā jQuery dokumentāciju, kas saistīta ar karte. Tagad, sākotnējo oficiāli dokumenti, pamatojoties uz daži vienkārši tulkošanas un piezīmes.
1. CSS selektoru (CSS selektoriem)
jQuery pilnīgu atbalstu CSS 1-3, un tā var būt (selektoru) vārda, pievienojot muitas CSS līdzīgi (un xPath).
1,1 jQuery, ko atbalsta CSS selektoru sintakse
- * Visus
- E E tipa visiem elementā (faktiski E var būt jebkurš faktors)
- E: n-tais un bērnu (N) tipa E par elementu, un tā ir tēvs n ir pirmā daļa no apakšgrupas elementu
- E: pirmā bērna e veida elements, tā ir viņa tēvs, ir pirmā daļa no apakšgrupas elementu (ekvivalents E: n-tais-bērnu (0))
- E: pēdējā bērna e veida elementu, tas ir faktors viņa tēvs, dēlam uz pēdējo elementu
- E: tikai bērna e veida elementu, tas ir vienīgais dēls viņa tēvs elementu elementu
- E: tukšs E tipa no lietotāja interfeiss (UI) elementu, tas nav apakšgrupas elementu (tai skaitā tekstu, faktors)
- E: ļāva e veida lietotāja interfeiss (UI) elementu, tas ir uzstādīts, lai aizliegtu (invalīdiem)
- E: atspējota e veida lietotāja interfeiss (UI) elementu, tas ir uzstādīts uz iespējamu (iespējots)
- E: pārbauda E tipa no lietotāja interfeiss (UI) elementu, tas ir izvēlētos (pārbauda) stāvoklī (radio pogas un rūtiņas)
- E: izvēlēti E tipa lietotāja interfeiss (UI) elementu, tas bija izvēles (izvēlēties) valsts (lietojot dažādas iespējas, viena vai vairāku alternatīvu faktors). Uzmanību: izvēlētos īpašības, kas CSS nav normu, bet noteikums iekšējā atbalstu jQuery
- E.myclass e veida elementu, tas ir klases "myclass"
- E # myid e veida elementu, tas ir identifikācijas kods "myid"
- E: nav (s), E tipa par elementu, un jākoncentrējas uz rezultātiem, kas elements neatbilst (nav iekļauts) selektoru s (izmanto kā filtrs)
- EF kā F tipa elementa, un tā ir tipa elements E pēctečiem elementu (uzmanību uz bērniem un mazbērniem ir faktors)
- E> F F par tipa elementa, un tā ir tipa elements E-elementu (uzmanība tiek apakškomitejas faktors)
- E + F līdz F tipa elementu, kas ir pēc kuras tipa elements E aiz brāli elementu (ņemiet vērā, ka F ir brālis ar E-mezglā, un pēc rūpīgi turpmāko vienu)
- E ~ F F par tipa elementa, un tā ir tipa elements E aiz brāli elementu (ņemiet vērā, ka F ir brālis ar E-mezglā, un vietu aizmugurē E)
- E, F, G E tipa par elementu, kas ir F veidu elementu, tipa G par elementu (par variantiem faktors)
1,2 jQuery atbalstu, bet (ar normām CSS) atšķiras no gramatikas selektors
Atšķirība ir vajadzība piedēvē pievienot simbolus, bijušais "@"
- E [@ FOO] e veida elementu, tai ir īpašums "foo"
- E [@ foo = bar] e veida elementu, tai ir īpašums "foo = bārs"
- E [@ FOO ^ = bar] e veida elementu, tai ir īpašums "foo", un tās īpašuma vērtības ir "bārs" sākumā,
- E [@ foo $ = bar] e veida elementu, tai ir īpašums "foo", un tās īpašuma vērtības ir "bārs" beigās,
- E [@ FOO *= bar] e veida elementu, tai ir īpašums "foo", un īpašuma vērtību, kas satur "bārs"
- E [@ foo = bar] [@ baz = maksājumu] e veida elementu, tai ir īpašums "foo = bar" un atribūti "baz = maksājumu"
Piezīme: Ar iepriekš minēto "bāri" un "maksājumu bilance" ir strings.
1,3 jQuery neatbalsta selektora sintakse (nedaudz)
Tā nav praktiskas sekas, tā kā nav iet detaļās šeit, vēlētos zināt detaļas var attiekties uz oficiālo dokumentu palīdzību.
Noenkurošanās un 1,4 CONTEX
CONTEX var izveidot lai nostiprinātu (atrašanās vieta) selektoru, kas ir jQuery ar citu standarta CSS. Lietotāji var izmantot sintaksi: $ (expr, konteksta), lai uzstādītu sakarā saknes. Ar noklusējuma sakarā saknes visu dokumentu.
2. XPath selektoru (XPath selektoriem)
JQuer atbalstīja arī XPath viena no selektora sintakse. jQuery atbalstu par pamata XPath sintakse. Ar šādu piemēru piemērs.
2,1 vieta taka (vieta ceļiem)
- Absolūts ceļu, nevis uz visu HTML dokumentu,
$ ( "/ Html / body / / P") $ ( "iestādes / / p") $ ( "P / .. / div")- Relatīvo ceļu, nevis tādu, kas nosaka sakarā mezglā "šo"
$ ( "P / *", šis) $ ( "/ p / / a", šis)2,2 selektoru atbalsts ass
- "/ /": Pēctečiem elementi (div visu veidu p bērniem un mazbērniem elementi)
$ ( "/ Nodaļa / / P") $("// div / / P ")- "/" Sub-elementi (div visu veidu p apakšgrupas elementi)
$("// Nodaļa / p ")- "~": Brother elementi (div visu veidu formā, lai brāļi un elementi)
$("// Div ~ formā ")- ""..": Tēvs elementi (div, mātes elements, p tipa elementi)
$("// Nodaļa / .. / p ")2,3 sintakse atbalstu predikatīvu (Predicates)
- [@ FOO] ir atribūti "foo"
$("// Ievades [@ FOO] ")- [@ Foo = "tests"] ir atribūti "foo =" tests ""
$("// A [@ foo = 'tsxt "]")- [Nodelist] atbilst elementi, saviem bērniem un mazbērniem Nodelist (filtrēšanas)
$("// Nodaļa [p] ") $("// div [p / a]")2,4 jQuery atbalstu, bet (ar XPath specifikācijas) atšķiras no predikatīvu gramatika (Predicates)
- [pēdējā ()] vai [nostāju () = pēdējās ()] ir: pēdējās (izvēli koncentrēties uz rezultātiem pēdējo faktors)
$ ( "P: pēdējais")- [0] vai [nostāju () = 0] ir: ekv (0) vai: pirmās (izvēli koncentrēties uz rezultātiem, pirmo faktors)
$ ( "P: pirmā") $ ( "p: ekv (0)")- [nostāju () <5] ir: lt (5) (vērstas uz rezultātiem, izvēlieties indekss ir lielāks par 5 elementi)
$ ( "P: lt (5)")- [nostāju ()> 2] ir: GT (2) (izvēle, indekss ir mazāks nekā 2 vērstas uz rezultātiem, elementi)
$ ( "P: GT (2)")Piezīme: "kļūst par" priekšā ir XPath sintakse predicates, retrospektīvie ir līdzvērtīga jQuery sintakse.
3. JQuery muitas selektoru (pielāgotās selektoriem)
jQuery ir vairāki pasūtījuma izvēles gramatika un sintakse, no šīs idejas nav CSS un XPath specifikācijas, bet tie ir diezgan viegli, kas tika iekļaut viņus jQuery.
3,1 muitas selektoru (pielāgotās selektoriem)
- Pat vērstas uz rezultātiem, tās indeksu vēl numerācija (pat) elementus,
- : Odd vērstas uz rezultātiem, tā rādītājs ir nepāra numurs (vienskaitlī) no elementiem
- : Ekv (N) un: n-tais (N) izvēlēties vērstas uz rezultātiem, indeksa elementus N
- : GT (N) izvēlēties vērstas uz rezultātiem indeksu nekā elementi N
- : Lt (N) izvēlēties pievērst uzmanību rezultātus, indekss ir mazāks nekā N elementi
- : Pirmā izvēli koncentrēties uz rezultātiem, pirmais elements (ekvivalents ekv (0) vai n-tais (0))
- : Pēdējais izvēli koncentrēties rezultātus pēdējo elementu
- : Vecāks izvēlas vērst par rezultātiem no elementiem, ir jābūt apakšgrupas elementi (tai skaitā tekstu, mezglā) (ar: tukšs pretēji)
- : Satur ( "tests") izvēlēties vērstas uz rezultātiem norādītajā tekstā ir elementi,
- : Redzamā izvēles var redzēt visu (redzamas) no elementiem (uzrādīt īpašības vērtību redzams, bloķēt, inline, vai atpazīstamība vienāds ar īpašuma vērtību, redzams, ne slēptās, tostarp veidu elementi (no slēpta veidus, kā, piemēram, <ievades veids = "slēptās" ... >))
- : Slēptās iespēju paslēpt visas (redzamas) no elementiem (uzrādīt īpašības vērtību Nav, vai atpazīstamība vienāds ar īpašuma vērtību, slēptās, neietver slēptās veidu elementi (no slēpta veids, kā, piemēram, <input type="hidden" …>))
Piemēri:
$ ( "P: pirmā"). Css ( "fontWeight", "treknrakstā"); $ ( "div: slēptās"). Show (); $ ( "/ div: satur (" tests ")", tas). paslēpt ();3,2 selektoru formā (forma selektoriem)
- : Ievades izvēlēties veidu visu elementu (ievades, izvēlieties, Textarea, pogu)
- : Text Izvēlēties visus teksta laukā (tipa = "text").
- : Parole iespēju visiem domēna parole (tipa = "parole").
- : Radio visām pogām, lai izvēlēties (tipa = "radio").
- : Rūtiņu izvēlēties visus lodziņā (veids = "rūtiņu").
- : Iesniegt pogu iesniegt visus izvēli (veids = "iesniegt").
- : Attēlu visus attēlus izvēlēties domēna (veids = "attēlu").
- : Reset pogai, lai atjaunotu visus izvēli (veids = "Reset").
- : Poga izvēlēties visas pogas (tipa = "poga").
- : Failu Izvēlēties visus <input type="file">.
: Slēptās ir pieejams arī 3,1 iepriekš, ir ieviesti.
Kā ierosināts izmantot iespējas, lai nodrošinātu sakarā saknes, piemēram:
$ ( "# MyForm: ievades")$ ( "Input: Radio", myForm)Visbeidzot iepriekš paziņojumu un viņa partijas izvēlas visiem "myForm" tādā veidā visas pogas, kas atbilst [@ tips = radio] (tas ir, $ ( "[type = radio], myForm")), bet tabula Vienkārša selektoru būs nedaudz ātrāk, jo īpaši liela mēroga formā.
Vairāk 3,3 karte
jQuery selektoru var paplašināt trešo personu spraudņi:
- Vairāk selektoriem Plugin
- Mike Alsup par paražu selektoriem
- Ielāps, lai varētu atlases CSS īpašuma (pilna spraudni, lai varētu atbrīvot vienlaicīgi ar 1.1)
Atsauce:
http://docs.jquery.com/DOM/Traversing/Selectors
(2 balsis, vidēji: 5 no 5) - Atbalstīja reitingu par šo rakstu
Loading ... Nr ziedojumus, pēdējo 180 days.Who veikt ziedojumu dosies ziņa ir šeit. Ziedojumi Tagad.Tas ir WordPress Plugin WP-ziedotājiem. Tas nodrošina smart ziedojumu funkciju, lai autoleave sponsors informāciju šajā traukā pēc tam, kad maksājumu. Cilvēki var ziedot un iesniedz nosaukums / URL vai TextLink AD. Informācija par jaunāko donori, kas pieejami mākoni. Par vairāk personai donates, jo lielāka to saikne būs be.It 's atbalstīs populārākās maksājumu interfeiss nākotnē. ParPal Tikai pirmo. Vairāk ..Powered by: WP-ziedotājiemLog-saistīti
Šajā papīra, lasītājiem ir arī bažas par šādu:
- N / A
Jūlijs 21, 2008 Autors: Eric | Koda | Trackback? | Nav komentāru |
| 122 skatījumi
Atstāj atbildi