Eric @ EricBess WebHome

jQuery is een zeer krachtige motor van de keuze, die een complete selectie voor de grammatica, zodat wij kunnen kiezen bijna alle elementen van de compositie. jQuery voor de keuze van de grammatica is vooral gebaseerd op CSS3 en XPath, en de CSS3 XPath begrijpen, hoe meer het gebruik van het meer van belang wanneer u jQuery handig. Van de NOS en XPath, verwijzen wij u naar de volgende links:

• CSS 1
• CSS 2
• CSS 3
• xPath

Opmerkelijk is dat, CSS3 niet aanwezig was al de steun van de browser, zodat we zelden gebruiken. We kunnen echter nog steeds gebruik maken van jQuery CSS3 keuze-element, want jQuery heeft zijn eigen aangepaste motor keuzes, en de realisatie van de CSS3 ondersteuning.

JQuery selector wil graag meer informatie, bezoek de officiële documenten met betrekking tot jQuery Selector. Hieronder, in de oorspronkelijke officiële documenten aan de hand van een eenvoudige vertaling en beschrijving.

1. CSS selector (CSS selectors)

jQuery volledige ondersteuning voor CSS 1-3, en kan (kies) om deel te nemen in de expressie van zelf-definitie van de CSS-achtige (en xPath).

Doel

Met een AJAX (of AHAH) technisch ontwerp van de pagina's, zonder dat de bezoeker kan zien in de (X) HTML pagina redactionele inhoud.

Programma

Klik nodig voor het bewerken van de tekst, met aanpassingen aan een knop Opslaan en annuleren het tekstveld. Wetten zal deel uitmaken van AHAH verstuurd naar een server-side PHP script bestand, gebruikt voor het bijwerken van de database (MySQL of gewoon papier).

Demonstratie

AJAX-stijl click-to-change demonstratie
In deze eerste demonstratie, ik gebruik een id als "editinplace" de div-element. Wanneer de muis over hier, de achtergrondkleur zal worden lichtgeel. Klik op de tekst zal beginnen sommige DOM operatie, div elementen vervangen door een textarea elementen - opgenomen in de oorspronkelijke tekst.
Klik op de knop Opslaan op de server-side PHP script bestand dat verstuurd wordt de nieuwe HTML-inhoud, en re-export kreeg een nieuwe tekst (met $ _ POST).
In de echte wereld, moet u ook nog een veiligheids-testen voordat ze kunnen bijwerken van de database en terug te gaan naar het actualiseren van de inhoud van de pagina, collega's deelde de jQuery succesvolle implementatie van de informatie.

DEMO

Bekend met het openen

Vertelde jQuery "bij het vinden van de snelste prijs omvat alle voorwerpen zijn 'styleswitch' element, en toen zij bezig waren met de uitvoering van een muis-klik functie."
Ziet er goed uit. Wanneer de muis te klikken op de vooraf gespecificeerde elementen, switchStylestyle functie zal worden opgeroepen. Van nu af aan de aandacht.

$ ( 'Link [@ rel *= stijl] "). Elke (functie (i) (

Wat is het nut van deze zin "
JQuery vond de auteur John ontslag, voor zijn advies. Hij heeft mij een directe jQuery website-adres van de pagina's binnen over een aantal geavanceerde functies jQuery (XPath), kan worden gebruikt voor het vinden en toepassen van een aantal elementen in de pagina's. Als u deze dingen te lezen en je kunt zien dat de bovenstaande zin geheimzinnige code die de zin van jQuery "Zoek naar de attributen met rel eigendom en waarden die in de string" stijl "van de band link elementen."

FixPath Functie: vaststellen van de vuile paden. PHP pad finish functie.
Voorbeeld:

 1 
 2 
 3 
 4 
 5 
 6 
 7 
 8 
 9 
 10 
 11 
 12 
 13 
 14 
 15 
 16 
 17 
 18 

  <? Php 
      Dirty paths: \n " ; echo "\ n \ n \ n Dirty paden: \ n"; 
  = 'C://////////Windows//////System' ; //  C:/System $ Paden [] = 'C :////////// Windows ////// System'; / / C: / System 
  = 'C:\HTML\javascript\..\examples\colors.html' ; //  C:/HTML/examples/colors.html $ Paden [] = "C: \ HTML \ javascript \ .. \ voorbeelden \ colors.html '; / / C: / HTML / voorbeelden / colors.html 
  = '/root/./wwwroot/scripts/../././webpage' ; //  /root/wwwroot/webpage $ Paden [] = '/ root /. / Wwwroot / scripts / .. /. /. / Webpagina'; / / / root / wwwroot / webpagina 
  = 'wwwroot/webpage/../index.php?querystring' ; //  wwwroot/index.php?querystring $ Paden [] = 'wwwroot / webpagina / .. / index.php? Querystring'; / / wwwroot / index.php? Querystring 
  = 'http://www.php.net/manual/en/../../downloads' ; //  http://www.php.net/downloads $ Paden [] = 'http://www.php.net/manual/en/../../downloads'; / / http://www.php.net/downloads 
  = 'http://www.php.net/downloads/test/test1/test2//./docs.php' ; //  http://www.php.net/docs.php $ Paden [] = 'http://www.php.net/downloads/test/test1/test2//./docs.php'; / / http://www.php.net/docs.php 
  = '../downloads/../docs.php' ; //  ../docs.php $ Paden [] = '.. / downloads / .. / docs.php'; / / .. / docs.php 
  = 'localhost//projetos/../_arquivos/../' ; //   "" $ Paden [] = 'localhost / / projetos / .. / _arquivos /../'; / / "" 
  = 'C:/downloads/../../../' ; //  C:/ $ Paden [] = "C: / downloads /../../../'; / / C: / 
  = 'downloads/../../../' ; //  ../../ $ Paden [] = 'downloads /../../../'; / / ../../ 

  $paths as $path ) foreach ($ paden als $ pad) 
  ( 
      &quot;" . $path . "&quot;  =  &quot;" .  fixpath ( $path ) . "&quot;" ; echo "\ n" ". $ pad." "=" ". fixpath ($ pad)." ""; 
  ) 
  ?> 

PHP functie: Gevonden de relatieve tussen het pad.
PHP functie: het vinden van de weg van de relativiteitstheorie.

Voorbeeld:

 1 
 2 
 3 
 4 
 5 
 6 
 7 
 8 
 9 

  <? Php 
  'http://www.php.net/manual/en/install.php' ; $ Path_a = 'http://www.php.net/manual/en/install.php'; 
  'http://www.php.net/downloads' ; $ Path_b = 'http://www.php.net/downloads'; 

  Path A:  " . $path_a ; echo "\ n A Path:". $ path_a; 
  Path B:  " . $path_b ; echo "\ n Pad B:". $ path_b; 
  A to B:  " .  findRelativePath ( $path_a , $path_b ) ; //  ../../downloads/ echo "\ n A naar B:". findRelativePath ($ path_a, $ path_b); / / .. / .. / downloads / 
  B to A:  " .  findRelativePath ( $path_b , $path_a ) ; //  ../manual/en/install.php echo "\ n B naar A:". findRelativePath ($ path_b, $ path_a); / / .. / manual / nl / install.php 
  ?> 

Functie:

Achtergrond:

Zes maanden geleden had ik een reguliere expressies zijn geïnteresseerd in het internet te vinden heel veel informatie, veel gelezen hebben het handboek, de laatste in het gebruik van een reguliere expressie tools RegexBuddy toen vond hij het handboek geschreven door een zeer goed kan worden gesteld Ik heb gezien de beste van de reguliere expressie tutorial. Dus hij wilde zijn vertaald. Deze wens tot 1 mei vakantie te bereiken, zal er een resultaat van dit artikel. Op het papier van de naam, met behulp van de "eenvoudige" lijkt te hebben Taisu. Maar na het lezen van de tekst, dat alleen de "gemakkelijk" te worden nauwkeurige uitdrukking van de tutorial op mijn gevoelens, zodat niet kan worden inning in op de trend van de.

Dit papier is Jan Goyvaerts voor RegexBuddy gevraagd te schrijven van de gids, deel uitmaakt van de oorspronkelijke auteur, welkom in herdruk. Echter, met het oog op de eerbiediging van de oorspronkelijke auteur en vertaler van de beroepsbevolking, stuur dan een verwijzing! Bedankt!

Wat zijn reguliere expressies

In principe heeft gezegd, is een reguliere expressies worden gebruikt voor een aantal tekst-modus. Regex vertegenwoordigers Reguliere Express. Dit document zal worden gebruikt <<regex>> specifiek voor dat gedeelte van een reguliere expressie. Een deel van de tekst is de meest eenvoudige model, de eenvoudige matching dezelfde tekst.

De reguliere expressie van de verschillende motor

De reguliere expressie motor is een vorm van een reguliere expressie kan worden behandeld met de software. Meestal wordt de motor is groter deel van de aanvraag. In de wereld van software, anders dan de reguliere expressies zijn niet onderling compatibel. Dit handboek zal zich richten op de Perl 5 typen motoren, omdat deze motor is de meest uitgebreide toepassing van de motor. Tegelijkertijd hebben we ook melding van enkele andere motor en het onderscheid. Veel moderne motoren zijn zeer vergelijkbaar zijn, maar niet helemaal hetzelfde. Bijvoorbeeld. NET is de bibliotheek, JDK reguliere pakket.

[Symbolen

Is de meest elementaire reguliere expressie van een tekst symbolen. Als <<a>>, wordt deze wedstrijd de eerste keer in het aantal tekens "a". Als de string "Jack is een jongen". "J" na de "a" zal worden geëvenaard. En de tweede "a" niet zal worden geëvenaard. De reguliere expressie kunnen ook overeenkomen met het tweede "a", moet u vertelde een reguliere expressie motor uit de eerste wedstrijd van een zoekopdracht. In een tekst-editor, kunt u gebruik maken van de "Ga naar de volgende." In de programmeertaal, zal er een functie kunt u de locatie van de voormalige eerste wedstrijd terug en begon te zoeken.

Soortgelijke, <<cat>> zal match "Over katten en honden" in de "kat". Dit komt neer op het vertellen een reguliere expressie motor, op zoek naar een <<c>>, het bijhouden van een <<a>>, Zaigen een <<t>>.

Rekening houdend met het feit dat de reguliere expressie motor standaard is hoofdlettergevoelig. Tenzij u de motor genegeerd het geval is, anders <<cat>> niet overeen "Cat".

Speciale tekens

De tekst tekens, zijn er 11 tekens zijn gereserveerd voor speciale doeleinden. Dit zijn: [] \ ^ $. | "* ()

Deze speciale tekens ook bekend als de yuan tekens.

Als u wilt in de reguliere expressie van deze tekens gebruikt zullen worden voor tekst-tekens, te kunnen gebruiken moet je backslash "\" om te ontsnappen (escape). Bijvoorbeeld, u wilt match "1 1 = 2 ', het recht op meningsuiting <<1 \ 1 = 2>>.

Dient te worden opgemerkt dat <<1 1 = 2>> geldt ook de reguliere expressie. Maar het zal niet overeen met de "1 1 = 2 'en zal overeenkomen met de" 123 111 = 234 "in de" 111 = 2. " Omdat de " " hier gezegd dat speciale betekenis (1 vele malen te herhalen).

In programmeertalen, is het nodig om op te merken dat sommige speciale tekens te maken krijgt met de compiler, en dan langer handen van de motor. Dus de reguliere expressie <<1 \ 2 = 2>> in C worden geschreven "1 \ \ 1 = 2." Met het oog op de match "C: \ temp", moet je een reguliere expressie <<C: \ \ temp>>. En in C , reguliere expressies zijn veranderd in "C: \ \ \ \ temp".