Eric @ EricBess WebHome

jQuery ima vrlo snažan motor selektora, pružiti kompletnu selektor sintaksa, mi smo odabrali kako bi se omogućilo gotovo sve elemente portfelja. jQuery selektor u sintaksi i CSS3 se uglavnom temelji na XPath, i CSS3 razumjeti XPath više koristiti na više značajnih kada jQuery ruci. CSS i srodne XPath, pogledajte sljedeće linkove:

• CSS 1
• CSS 2
• CSS 3
• xPath

To je napomenuti da, CSS3 ne dobiti sve trenutne preglednik podrška, tako da smo ga rijetko koriste. Međutim, možemo uvijek koristiti jQuery izbor CSS3 elemenata, kao jQuery imaju vlastite prilagođene selektor motor, a CSS3 u realizaciji podršku.

JQuery selektor želite saznati više informacija, posjetite službene dokumentacije jQuery se odnose na Selector. Sada, izvorne službene dokumente na temelju nekoliko jednostavnih prijevod i bilješke.

1. CSS selektor (CSS Selectors)

jQuery punu podršku za CSS 1.3, a može se (birač) izražavanja, dodajući prilagođeni CSS-kao (a xPath).

Cilj

Korištenje AJAX (ili AHAH) tehnologija dizajnirana stranica, bez ostavljanja posjetitelji će moći vidjeti u (x) HTML stranica urednički sadržaj.

Program

Kliknite na potrebu za uređivanje teksta, mijenjanje s poništi gumb i za Textarea spasiti. Za izmjene i dopune u sklopu AHAH će biti poslana na strani poslužitelja PHP skript datoteke za ažuriranje baze podataka (MySQL ili obični papir).

Demonstracija

AJAX-style klikni za promjenu demonstracije
U ovom prvom demonstraciju sam koristio ID za "editinplace" div element. Kada mišem preko ovdje, boju pozadine će biti svijetlo žuta. Kliknite na tekst neke od DOM počet će rad, div elementi su zamijenjeni sa Textarea elementi - sadržane unutar originalnog teksta.
Kliknite na gumb Spremi na strani poslužitelja PHP skripti za slanje novi HTML dokument, a re-izvoz dobila novi tekst (by $ _POST).
U stvarnom svijetu sredinama, trebali biste također dodati sigurnost testiranje prije nego što su mogućnosti za ažuriranje baze podataka i povratak u ažurirane sadržaj stranice, kolege obavijestio uspješnu provedbu jQuery.

DEMO

U poznatom otvaranja

Recite jQuery "što je brže moguće pronaći objekt koji sadrži sve 'styleswitch' elementi, a oni su bili u kad mišem kliknete funkcije."
Izgleda dobro. Kada se klikne mišem unaprijed od navedenih elementa, switchStylestyle funkcija će biti pozvan. Od sada, fokus je.

$ ( 'Link [@ rel *= stilu]'). Svakog (funkcija (i) (

Što znače ove riječi?
JQuery pronaći autor John Resig, na njegov savjet. On mi je dao izravnu jQuery web stranice adresu stranice, na kojima je broj jQuery napredne funkcije (xpath), može se koristiti za pronalaženje i djeluju broj elemenata na stranici. Ako ste pročitali ove stvari koje će moći razumjeti tajanstvene kod frazu gore, što znači da je jQuery reći "da biste pronašli sa svim atribut rel vrijednosti i atributa uključeni u niz 'stil' vezu elemente vezu."

[HTML code = 'y']

Slajd ploči

[/ Html]

Izvorni autor: Akash Mehta
Izvorni Adresa: http://www.sitepoint.com/article/ajax- jquery
Prijevod: Linghu luk

Ajax promjenu u web aplikaciju, i doveo je jedan dotada nevidjeni desktop aplikacija drugih nego šok. Međutim, one iza propagande i mi bi trebali biti svjesni da, u stvari, AJAX je - (X) HTML, JavaScript, XML-a, ništa novo. U ovom Naravno, ja ću vam pokazati kako napraviti jednostavno dodati na svoj AJAX Programi i vas naučiti kako korištenje popularne biblioteke javascript Jquey za razvoj AJAX.

1. Što je AJAX

Svibanj Vi ste čuli prije AJAX, ili barem koristi aplikacija - kao što je Gmail. Ukratko, AJAX je korištenje asinkroni JavaScript za obradu podataka, nego preopterećenja cijelu stranicu odjednom. SitePoint imaju kolegij na dobar uvod u Ajax. Osim toga, riječ AJAX od Jesse James Garrett je poznato u ovom članku.

Nažalost, AJAX na praksi u dubini tutoriali može se reći da je vrlo malo, i AJAX se koristi u XMLHttpRequest za kategoriju novak stranice razvijen od strane ljudi puno teže. Na sreću, međutim, velik broj javascript knjižnice su nastale jedna za drugom Za realizaciju AJAX pružiti jednostavan način. Danas smo uzeti u obzir Jquery je jedan od njih.

2. Što je JQuery

Jquery je zreo Javascript knjižnica, koja pruža mnoge druge značajke knjižnica ne. Naravno, moram priznati, to je 19K, ne žele moo.fx samo 3KB svjetla. Moľete http://www.sitepoint.com / Članak / javascript-knjižnica za mnoge ovdje vidjeti JavaScript biblioteka performansi, kao i druge komparativne brojke.

  Translator: eric.wang posted pogledajte: http://ericbess.com Izvornik: http://anthologyoi.com/awp/ajaxd-wordpress-readme 

AJAX WordPress sveobuhvatan paket: WP AJAXed [opterećenja]

Osnovni opis

Instalacija AWP

1. Preuzmite AWP.
2. Dekonvolucija i AWP učitati na svoj wordpress dodatka mapa (/ wp-content/plugins /).
3. Započni plug-in.
4. Ako koristite WordPress 2.1, i planova korištenja jquery.js morate preuzeti jquery.js učitati datoteke jquery.js da wp-includes/js mapi.

Ugrađeni stranicu za prikaz

U upravljanju panel prezentacije, kako bi se osiguralo da se "Unutrašnji postova" je aktivan, u "POST" oznakom. Provjerite "Jednostavna postova", Spremi.

Za prikaz ugrađenih komentari

Tema se otvara vaš index.php (svibanj biti stranici, jednom)
Zamjenske: <? PHP comments_template ();?> sa:

<? Php do_action ( 'awp_commentform_link');?> (okvir za poruke)
<? Php do_action ( 'awp_commentform');?>
<? Php do_action ( 'awp_comments_link');?> (sadržaj poruke)
<? Php do_action ( 'awp_comments');?>

Uklopljeni unutar stranice

Obilježen <!-XXX-Ugradi => XXX je umetnuta prijavite ID.

High-end

Nastavlja se ..