L' aerogel - peso jquery - compatibile javascript library , setup

+

Zepto è una libreria minimalista JavaScript per i browser moderni con una API compatibile jQuery-in gran parte. Se si utilizza jQuery, sai già come utilizzare Zepto. Mentre 100% di copertura jQuery non è un obiettivo di progettazione, le API fornite corrispondono alle loro controparti jQuery. L'obiettivo è di avere un libreria modulare 5-10k che scarica ed esegue veloce. con una API familiare e versatile. in modo da poter concentrarsi su come ottenere roba fatta. Zepto è un software open source ed è rilasciato sotto licenza MIT sviluppatore e business. Scarica Zepto Altre alternative di download: La build di default include i seguenti moduli: Nucleo, Ajax, eventi, forma, cioè. Zepto imposterà solo il $ globale a se stessa se non è ancora definita. Non esiste un metodo Zepto. noConflict. supporto del browser Primaria (100% di sostegno) Safari 6 (Mac) Chrome 30+ (Windows, Mac, Android, iOS, Linux, Chrome OS) Firefox 24+ (Windows, Mac, Android, Linux, Firefox OS) iOS 5+ Safari Android 2.3 Browser Internet Explorer 10+ (Windows, Windows Phone) obiettivi secondari (in tutto o in gran parte sostenuto) iOS 3+ Safari Chrome & lt; 30 Firefox 4+ Safari & lt; 6 Browser Android 2.2 Opera 10+ webOS 1.4.5+ Browser BlackBerry Tablet OS 1.0.7+ Browser Amazon Silk 1.0+ Altri browser / runtime basati su WebKit Si noti che alcune caratteristiche opzionali di Zepto si rivolgono specificamente browser mobili; come l'obiettivo originale del progetto era quello di fornire specificamente un'alternativa più snella per jQuery per il web mobile. Zepto è una buona scelta per le estensioni del browser (per Safari, Chrome e Firefox) e di sviluppare viste basate su HTML all'interno di quadri app native, come PhoneGap. In breve, Zepto è previsto per funzionare in ogni ambiente browser e browser come moderno. Zepto non supporta le vecchie versioni di Internet Explorer (& lt; 10). costruire manualmente Zepto zepto. js e zepto. min. js sopra riportati possono essere utilizzati così come sono. Tuttavia, per una migliore efficienza e di personalizzazione, eseguire il sistema di compilazione che viene fornito con il codice sorgente di Zepto. Esso consente di selezionare i moduli, i test eseguiti, utilizzare UglifyJS per Minify vostra generazione personalizzata, e ti dà una stima sulla compressione che è realizzabile quando zepto. min. js viene servita gzip. Fare riferimento al file README per le istruzioni su come costruire Zepto, tra cui l'esecuzione dei test e contribuendo patch. I moduli Zepto I plugin possono essere scritti con l'aggiunta di metodi come proprietà di $.fn. Per iniziare con lo sviluppo di plug-in, date un'occhiata alla fonte del modulo di base di Zepto. ed essere sicuri di leggere le linee guida dello stile di codifica. metodi core Creare un oggetto collezione Zepto eseguendo un selettore CSS, avvolgendo nodi DOM, o la creazione di elementi di una stringa HTML. Una collezione Zepto è un oggetto array-like che ha metodi chainable per manipolare i nodi DOM fa riferimento. Tutti i metodi di questa documentazione sono i metodi di raccolta, ad eccezione di quelle direttamente sull'oggetto dollaro (Zepto), come ad esempio $.extend. Se viene dato un contesto (selettore CSS, nodo DOM o un oggetto di raccolta Zepto), eseguire il selettore CSS solo entro i nodi del contesto; questo è funzionalmente uguale a chiamare $ (contesto).find (selettore). Quando viene somministrato una stringa HTML, utilizzarlo per creare nodi DOM. Se una mappa attributi è dato via argomento, li applica a tutti gli elementi creati. Per la creazione veloce singolo elemento, l'uso & lt; div & gt; o & lt; div / & gt; forme. Quando viene data una funzione, collegare come un gestore per l'evento DOMContentLoaded. Se la pagina è già caricato, esegue immediatamente la funzione. estensioni jQuery CSS non sono supportati. Tuttavia, il modulo opzionale "selettore" fornisce un supporto limitato per alcuni dei più utilizzati pseudo-selettori, e può essere lasciato cadere in per la compatibilità con il codice o plugin esistenti. Zepto imposterà solo il $ globale a se stessa se non è ancora definita. Ciò consente di utilizzare Zepto con il codice legacy che utilizza, ad esempio, Prototype. js. Basta caricare primo prototipo, e Zepto non toccherà la funzione $ di Prototype. Zepto sarà sempre impostare il Zepto globale a se stesso. $.camelCase V1.0 + Trasforma una stringa dasherized in "caso di cammello". Non influisce stringhe già cammello-carter. $.contains V1.0 + Controllare se il nodo principale contiene il dato nodo DOM. Restituisce false se entrambi sono lo stesso nodo. $.Ogni Iterare elementi di un array o un oggetto coppie chiave-valore. Tornando falso dalla funzione iteratore arresta l'iterazione. $.extend Estendere oggetto bersaglio con oggetti di ciascuno degli oggetti di origine, ignorando le proprietà sul bersaglio. Per impostazione predefinita, la copia è poco profonda. Un vero opzionale per il primo argomento innesca in profondità copia (ricorsiva). $.fn Zepto. fn è un oggetto che contiene tutti i metodi che sono disponibili su collezioni Zepto, come addClass (). attr (). e altro. L'aggiunta di una funzione di questo oggetto fa si che il metodo disponibile su ogni collezione Zepto. Ecco un esempio di implementazione del metodo vuoto di Zepto (): $.grep V1.0 + Ottenere un nuovo array che contiene solo gli elementi per i quali la funzione di callback restituito vero. $.inArray V1.0 + Ottenere la posizione di un elemento all'interno di un array, o -1 se non trovato. $.isArray True se l'oggetto è un array. $.isFunction True se l'oggetto è una funzione. $.isNumeric V1.2 + Vero se il valore è un numero finito o una stringa che rappresenta un numero. $.isPlainObject V1.0 + True se l'oggetto è un oggetto "semplice" JavaScript, che è vero solo per letterali oggetto e gli oggetti creati con il nuovo oggetto. $.isWindow V1.0 + True se l'oggetto è un oggetto finestra. Questo è utile per iframe dove ognuno ha una propria finestra, e dove questi oggetti falliscono il obj regolare === controllo finestra. $.map Scorrere gli elementi della collezione e restituire tutti i risultati di gestione della funzione iteratore, con valori null e undefined filtrati. $.noop V1.2 + Un riferimento a una funzione che non fa nulla. $.parseJSON V1.0 + Alias ​​per il metodo JSON. parse nativo. $.trim V1.0 + Rimuovere gli spazi bianchi dall'inizio e alla fine di una stringa; proprio come String. prototype. trim (). $.Type V1.0 + Ottenere tipo di stringa di un oggetto. tipi possibili sono: null errore non definito booleana funzione numero di stringa oggetto data matrice regexp. Per altri oggetti sarà semplicemente segnalare "oggetto". Per sapere se un oggetto è un semplice JavaScript oggetto, utilizzare isPlainObject. aggiungere Modificare l'insieme corrente aggiungendo i risultati di esecuzione del selettore CSS sull'intero documento oppure, se il contesto è dato, proprio all'interno elementi di contesto. addClass Aggiungere nome della classe a ciascuno degli elementi della collezione. nomi delle classi multiple possono essere date in una stringa separati da spazi. dopo Aggiungere contenuto al DOM dopo ogni elemento della collezione. Il contenuto può essere una stringa HTML, un nodo DOM o un array di nodi. aggiungere Aggiunge contenuto al DOM all'interno di ogni singolo elemento della collezione. Il contenuto può essere una stringa HTML, un nodo DOM o un array di nodi. aggiungere a Aggiunge gli elementi della collezione corrente per l'elemento di destinazione. Questo è come accodamento. ma con operandi invertiti. attr Leggi o impostare gli attributi DOM. Quando viene dato alcun valore, legge attributo specificato dal primo elemento della collezione. Quando viene dato valore, imposta l'attributo di tale valore di ciascun elemento dell'insieme. Quando il valore è nullo, l'attributo viene rimosso (come con removeAttr). attributi multipli possono essere impostati passando un oggetto con coppie nome-valore. Per leggere le proprietà DOM come ad esempio controllare o selezionato. usare prop. prima Aggiungere contenuto al DOM prima di ogni elemento dell'insieme. Il contenuto può essere una stringa HTML, un nodo DOM o un array di nodi. bambini Ottenere figli immediati di ogni elemento della collezione attuale. Se viene dato il selettore, filtrare i risultati per includere solo quelli corrispondenti al selettore CSS. clone v1.0 + Duplicare tutti gli elementi della collezione attraverso profondo clone. Questo metodo non ha un'opzione per la copia dei dati e gestori di eventi verso i nuovi elementi, come in jQuery. più vicina Traverse verso l'alto dall'elemento corrente per trovare il primo elemento che corrisponde al selettore. Se viene dato nodo di contesto, prendere in considerazione solo gli elementi che sono i suoi discendenti. Questo metodo è simile ai genitori (selettore). ma restituisce solo il primo antenato abbinato. Se viene indicata una raccolta o un elemento Zepto, l'elemento risultante deve corrispondere a uno degli elementi dati invece di un selettore. concat Modificare la collezione con l'aggiunta di elementi ad esso. Se uno degli argomenti è un array, gli elementi si fondono nella collezione corrente. Questo è un metodo Zepto-condizione che non fa parte delle API jQuery. contenuti v1.0 + Ottenere i figli di ogni elemento della collezione, compresi i nodi di testo e commento. css Leggere o impostare le proprietà CSS su elementi DOM. Quando viene dato alcun valore, restituisce la proprietà CSS dal primo elemento della collezione. Quando viene dato un valore, imposta la proprietà a tale valore su ogni elemento della collezione. proprietà multiple possono essere recuperati in una sola volta facendo passare un array di nomi di proprietà. proprietà multiple possono essere impostate passando un oggetto al metodo. Quando un valore per una proprietà è vuota (stringa vuota, nulla, o non definito), che la proprietà è stato rimosso. Quando viene dato un valore numerico senza unità "px", viene aggiunto ad esso per le proprietà che richiedono unità. dati Leggere o scrivere dati - * attributi DOM. Si comporta come attr. ma Antepone DATA - per il nome dell'attributo. Durante la lettura di valori di attributo, si applicano le seguenti conversioni: v1.0 + "Vero", "falso" e "null" vengono convertiti in tipi corrispondenti; I valori numerici vengono convertiti in tipi numerici effettivi; I valori JSON sono analizzati, se si tratta di JSON valido; tutto il resto viene restituito come stringa. implementazione di base di Zepto di `dati ()` solo memorizza le stringhe. Per memorizzare oggetti arbitrari, includere i "dati" modulo opzionale nella vostra generazione personalizzata di Zepto. ogni Iterare ogni elemento della collezione. All'interno della funzione iteratore, questa parola chiave si riferisce alla voce corrente (passato anche come secondo argomento della funzione). Se la funzione iteratore restituisce false. fermate iterazione. vuoto contenuti DOM chiare di ciascun elemento della collezione. eq Prendete l'oggetto nella posizione specificata dal indice dalla collezione attuale. filtro Filtrare la collezione per contenere solo gli elementi che corrispondono al selettore CSS. Se viene data una funzione, restituire solo gli elementi per i quali la funzione restituisce un valore truthy. All'interno della funzione, la parola chiave this si riferisce all'elemento corrente. Per l'opposto, non vedere. trova Trova gli elementi che corrispondono selettore CSS eseguito in ambito di nodi nella raccolta corrente. Se viene dato un insieme o elemento Zepto, filtrare gli elementi verso il basso per quelli solo che sono discendenti di elemento della collezione corrente. primo Ottenere il primo elemento della collezione attuale. per ciascuno Iterare ogni elemento della collezione. Simile a ciascuno. ma gli argomenti per le funzioni iteratore sono diverse, e tornando falso dal iteratore non si fermerà l'iterazione. Questo è un metodo Zepto-condizione che non fa parte delle API jQuery. ottenere Ottenere tutti gli elementi o un singolo elemento della collezione corrente. Quando viene dato alcun indice, restituisce tutti gli elementi di un array ordinario. Quando viene specificato indice, restituire solo l'elemento in quella posizione. Questo è diverso da quello eq nel modo in cui il nodo restituito non è avvolto in una collezione Zepto. ha v1.0 + Filtrare la collezione attuale per includere solo gli elementi che hanno un qualsiasi numero di discendenti che corrispondono a un selettore, o che contengono un nodo DOM specifica. hasClass Controllare se tutti gli elementi della collezione hanno la classe specificata. altezza Ottenere l'altezza del primo elemento della raccolta; o impostare l'altezza di tutti gli elementi della collezione. nascondere Nascondere gli elementi di questa collezione impostando le loro proprietà CSS display a nessuno. html Ottenere o impostare il contenuto HTML degli elementi della collezione. Quando nessun contenuto dato, restituisce innerHTML del primo elemento. Quando il contenuto è dato, utilizzarlo per sostituire il contenuto di ogni elemento. Il contenuto può essere uno qualsiasi dei tipi descritti in accodamento. indice Ottenere la posizione di un elemento. Quando viene dato alcun elemento, restituisce la posizione dell'elemento corrente tra i suoi fratelli. Quando viene dato un elemento, restituisce la sua posizione nella raccolta corrente. Restituisce -1 se non viene trovato. indice di Ottenere la posizione di un elemento nella raccolta corrente. Se viene dato il numero fromIndex, cercare solo da quella posizione in poi. Restituisce la posizione 0-based quando trovato e -1 se non trovato. Uso di indice è raccomandato su questo metodo. Questo è un metodo Zepto-condizione che non fa parte delle API jQuery. InsertAfter Inserire gli elementi della collezione corrente dopo l'elemento di destinazione nel DOM. Questo è come dopo. ma con operandi invertiti. insertBefore Inserire gli elementi della collezione corrente prima ciascuno degli elementi di destinazione nel DOM. Questo è come prima. ma con operandi invertiti. è Controllare se il primo elemento della collezione corrente corrisponde al selettore CSS. Per il supporto di base del non-standard pseudo-selettori di jQuery, quali: visibile. includere il modulo opzionale "selettore". estensioni jQuery CSS non sono supportati. Il modulo opzionale "selettore" fornisce solo un supporto limitato per alcuni di quelli più utilizzati. ultimo Prendi l'ultimo elemento della collezione corrente. carta geografica Scorrere tutti gli elementi e raccogliere i valori di ritorno della funzione iteratore. All'interno della funzione iteratore, questa parola chiave si riferisce alla voce corrente (passato anche come secondo argomento della funzione). Restituisce un insieme di risultati della funzione iteratore, con valori null e undefined filtrati. Il prossimo Ottenere il prossimo fratello-opzionalmente filtrato dal selettore-di ogni elemento della collezione. non Filtrare la collezione attuale per ottenere un nuovo insieme di elementi che non corrispondono al selettore CSS. Se un altro collezione è dato invece di selettore, restituire solo gli elementi non presenti in essa. Se viene data una funzione, restituire solo gli elementi per i quali la funzione restituisce un valore falsy. All'interno della funzione, la parola chiave this si riferisce all'elemento corrente. Per il contrario, vedi filtro. compensare Ottenere posizione dell'elemento nel documento. Restituisce un oggetto con proprietà: top. sinistra. larghezza e altezza. Quando somministrato un oggetto con le proprietà a sinistra e in alto. utilizzare questi valori per posizionare ciascun elemento della collezione rispetto al documento. offsetParent v1.0 + Trova il primo elemento antenato che è posizionato. cioè il suo valore di posizione CSS è "relativo", "assoluto" o "fisso". genitore Ottenere i genitori immediati di ogni elemento della collezione. Se viene dato selettore CSS, i risultati filtro per includere solo quelli corrispondenti al selettore. genitori Ottenere tutti gli antenati di ogni elemento della collezione. Se viene dato selettore CSS, i risultati filtro per includere solo quelli corrispondenti al selettore. Per ottenere solo i genitori immediati, usare genitore. Per ottenere solo il primo antenato che corrisponde al selettore, utilizzare più vicino. coraggio Ottenere i valori da una proprietà denominata di ogni elemento della collezione, con valori null e undefined filtrati. Questo è un metodo Zepto-condizione che non fa parte delle API jQuery. posizione v1.0 + Ottenere la posizione del primo elemento dell'insieme, rispetto al offsetParent. Questa informazione è utile quando posizionamento assoluto di un elemento di apparire allineato con un altro. Restituisce un oggetto con proprietà: top. sinistra . anteporre contenuti anteporre al DOM all'interno di ogni elemento della collezione. Il contenuto può essere una stringa HTML, un nodo DOM o un array di nodi. prependTo Anteporre gli elementi della collezione attuale all'interno ciascuno degli elementi di destinazione. Questo è come anteporre. solo con operandi invertiti. prev Prendi il fratello-opzionalmente precedente filtrata da selettore-di ogni elemento della collezione. prop v1.0 + Leggere o impostare le proprietà di elementi DOM. Questo dovrebbe essere preferito a attr in caso di lettura di valori delle proprietà che cambiano con l'interazione utente nel corso del tempo, come ad esempio controllato e selezionato. I nomi brevi e minuscoli come ad. classe. in sola lettura e simili saranno mappati alle proprietà effettive, come htmlFor. nome della classe. sola lettura. eccetera. spingi Aggiungere elementi alla fine della raccolta corrente. Questo è un metodo Zepto-condizione che non fa parte delle API jQuery. pronto Fissare un gestore di eventi per l'evento "DOMContentLoaded" che spara quando il DOM della pagina è pronta. Si consiglia di utilizzare la funzione $ () al posto di questo metodo. ridurre Identico a Array. reduce che scorre oltre la raccolta corrente. Questo è un metodo Zepto-condizione che non fa parte delle API jQuery. Rimuovere Rimuovere gli elementi della collezione corrente dai loro nodi padre, efficace staccandole dal DOM. removeAttr Rimuovere l'attributo specificato da tutti gli elementi della collezione. Più attributi per rimuovere possono essere passate come un elenco separato da spazi. removeClass Rimuovere il nome della classe specificato da tutti gli elementi della collezione. Quando il nome della classe non è dato, rimuovere tutti i nomi di classe. nomi delle classi multiple possono essere date in una stringa separati da spazi. removeProp v1.2 + Rimuovere una proprietà da ciascuno dei nodi DOM della collezione. Questo viene fatto con l'operatore delete di JavaScript. Si noti che il tentativo di rimuovere alcuni built-in proprietà DOM, come className o maxLength non avrà alcun effetto, dal momento che i browser non consentire la rimozione di tali proprietà. sostituirli con Sostituire ogni elemento della collezione-sia il contenuto e l'elemento stesso, con i nuovi contenuti. I contenuti possono essere di qualsiasi tipo descritto in precedenza. scrollLeft v1.1 + Ottiene o imposta il numero di pixel sono stati scorrere a destra fino ad ora sulla finestra o elemento scorrevole sulla pagina. scrollTop v1.0 + Ottiene o imposta il numero di pixel sono stati fatti scorrere verso il basso fino ad ora sulla finestra o elemento scorrevole sulla pagina. mostrare Ripristinare il valore predefinito per il "display" proprietà di ogni elemento dell'array, mostrando efficacemente loro se erano nascosti in cuoio. fratelli Ottenere tutti i nodi di pari livello di ogni elemento della collezione. Se viene specificato selettore CSS, filtrare i risultati per contenere solo gli elementi che corrispondono al selettore. dimensione Ottenere il numero di elementi di questa collezione. fetta Estrarre il sottoinsieme di questo array, a partire dall'indice di partenza. Se viene specificato fine, estrarre fino a ma non comprendente l'indice fine. testo Ottenere o impostare il contenuto del testo di elementi della collezione. Se nessun contenuto è dato, restituisce il contenuto del testo di tutti gli elementi della collezione, se nessun elemento esiste, nulla verrà restituito. Quando il contenuto è dato, lo utilizza per sostituire il contenuto di testo di ciascun elemento dell'insieme. Questo è simile a HTML. con l'eccezione che non può essere utilizzato per ottenere o impostare HTML. Toggle Mostrare o nascondere ciascuno degli elementi, a seconda che il primo elemento è visibile o meno. Se l'impostazione è presente, questo metodo comporta come mostra di se impostazione è truthy o nascondere in altro modo. toggleClass Toggle nomi delle classi indicate (separati da spazi) in ogni elemento della collezione. Il nome della classe viene rimosso, se presente su un elemento; Altrimenti è aggiunto. Se l'impostazione è presente, questo metodo si comporta come se addClass impostazione è truthy o removeClass altrimenti. scartare Rimuovere nodi padre immediati di ogni elemento della collezione e mettere i loro figli al loro posto. Fondamentalmente, questo metodo rimuove un livello di discendenza, mantenendo gli elementi attuali nel DOM. val Ottenere o impostare il valore di controlli di modulo. Quando viene dato alcun valore, restituisce il valore del primo elemento. Per & lt; selezionare più & gt ;. un array di valori è returend. Quando viene dato un valore, impostare tutti gli elementi a questo valore. larghezza Ottenere la larghezza del primo elemento della raccolta; o impostare la larghezza di tutti gli elementi della collezione. avvolgere Avvolgere ogni elemento della collezione separatamente in una struttura DOM. La struttura può essere un elemento singolo o più elementi nidificati, e può essere passato come una stringa HTML o nodo DOM, o come una funzione che viene chiamata per ogni elemento e restituisce uno dei primi due tipi. Tenete a mente che il confezionamento funziona meglio quando si opera su nodi che fanno parte del DOM. Quando si chiama involucro () su un nuovo elemento e quindi inserendo il risultato nel documento, l'elemento perderà l'involucro. wrapAll Avvolgere tutti gli elementi in un'unica struttura. La struttura può essere un elemento singolo o più elementi nidificati, e può essere passato come una stringa HTML o nodo DOM. wrapInner Avvolgere il contenuto di ogni elemento separatamente in una struttura. La struttura può essere un elemento singolo o più elementi nidificati, e può essere passato come una stringa HTML o nodo DOM, o come una funzione che viene chiamata per ogni elemento e restituisce uno dei primi due tipi. rilevare i metodi Rileva modulo Il "rilevare" il modulo è utile per ottimizzare il tuo sito o applicazione per ambienti diversi, e vi aiuta a discernere tra telefono e tablet; così come diversi motori di browser e versioni del sistema operativo. la gestione degli eventi $.Event Creare e inizializzare un evento DOM del tipo specificato. Se una proprietà dell'oggetto è data, utilizzarlo per estendere il nuovo oggetto evento. L'evento è configurato per bolla di default; questo può essere disattivato impostando la proprietà bolle false. Un evento inizializzato con questa funzione può essere attivata con il grilletto. $.proxy V1.0 + Ottenere una funzione che garantisce che il valore di questa nella funzione originale si riferisce all'oggetto contesto. Nella seconda forma, la funzione originale viene letto dalla proprietà specifica dell'oggetto contesto. Se gli argomenti addizionali sono passati al di là del secondo argomento, vengono applicati ad ogni chiamata della funzione avvolto davanti a suoi argomenti attuali. bind 🦄🔨 Deprecato, usare il posto. Fissare un gestore di eventi per gli elementi. delegare 🦄🔨 Deprecato, usare il posto. Fissare un gestore di eventi che si attiva solo quando l'evento ha avuto origine da un nodo che corrisponde a un selettore. die 🦄🔨 Deprecato, usare fuori posto. Staccare gestore di eventi aggiunto dal vivo. v1.1 Event. isDefaultPrevented + Restituisce vero se preventDefault () è stato chiamato per questa istanza evento. Questo serve come un cross-piattaforma alternativa alla proprietà nativa defaultPrevented che manca o non affidabile in alcuni browser. v1.1 event. isImmediatePropagationStopped + Restituisce vero se stopImmediatePropagation () è stato chiamato per questa istanza evento. Zepto implementa il metodo nativo nei browser che non lo supportano (ad esempio vecchie versioni di Android). v1.1 event. isPropagationStopped + Restituisce vero se stopPropagation () è stato chiamato per questa istanza evento. vivere 🦄🔨 Deprecato, usare il posto. Come delegato in cui il selettore è preso dalla collezione attuale. via Staccare gestori di eventi aggiunti con su. Per staccare un gestore di eventi specifici, la stessa funzione deve essere passato che è stato utilizzato per il (). In caso contrario, basta chiamare questo metodo con un tipo di evento sarà staccare tutti i gestori di quel tipo. Quando viene chiamato senza argomenti, si stacca tutti i gestori di eventi registrati su elementi attuali. sopra Aggiungere gestori di eventi agli elementi della collezione. tipi di eventi multipli possono essere passati in una stringa separati da spazi, o come un oggetto in cui i tipi di eventi sono le chiavi e gestori sono valori. Se viene dato un selettore CSS, la funzione del gestore viene chiamato solo quando un evento proviene da un elemento che corrisponde al selettore. Se viene dato l'argomento di dati, questo valore sarà resa disponibile come proprietà event. data durante l'esecuzione del gestore di eventi. I gestori di eventi vengono eseguite nel contesto dell'elemento a cui è associato il gestore o l'elemento corrispondente nel caso è previsto un selettore. Quando un gestore di eventi restituisce false. preventDefault () e stopPropagation () viene chiamato per l'evento corrente, impedendo l'azione di browser predefinito come seguenti link. Se false è passata come argomento a questo metodo al posto della funzione di callback, è equivalente a passare una funzione che restituisce false. uno Aggiunge un gestore di eventi che si rimuove la prima volta che viene eseguito, garantendo che il gestore spara solo una volta. Vedere. on () per la spiegazione del selettore di dati e argomenti. grilletto Attivare l'evento specificato elementi della collezione. Evento può essere sia un tipo stringa, o un oggetto evento pieno ottenuto con $.Event. Se viene dato un array args, viene passato come ulteriori argomenti ai gestori di eventi. Zepto supporta solo innescando eventi in elementi DOM. triggerHandler Come grilletto. ma si innesca solo i gestori di eventi su elementi attuali e non lo fa bolla. sciogliere 🦄🔨 Deprecato, usare fuori posto. Staccare gestore di eventi aggiunto con bind. undelegate 🦄🔨 Deprecato, usare fuori posto. Staccare gestore eventi aggiunto con delega. richieste Ajax $.ajax Eseguire una richiesta Ajax. Può essere quello di una risorsa locale, o tra domini tramite il supporto di controllo di accesso HTTP nel browser o JSONP. digitare (default: "GET"): HTTP metodo di richiesta ( "GET", "POST", o altro) url (default: URL corrente): URL a cui è presentata la richiesta Dati (default: nessuno): i dati per la richiesta; per le richieste GET che viene aggiunto alla stringa di query dell'URL. Gli oggetti non-stringa avranno serializzato con $.param processData (default: true): se serializzare automaticamente i dati per richieste di stringa non GET contentType (default: "/ x-www-form-urlencoded applicazione"): il Content-Type dei dati da inviare al server (questo può anche essere impostato tramite header). Passare false per saltare l'impostazione del valore di default. mimeType (predefinito: nessuno): ignorare il tipo MIME della risposta. v1.1 + dataType (predefinito: nessuno): tipo di risposta aspettarsi dal server. Uno di JSON. JSONP. script. xml. html. o il testo. JSONP (default: "callback"): il nome del parametro della query di callback JSONP jsonpCallback (default: "JSONP"): la stringa (o una funzione che restituisce) nome della funzione di callback globale JSONP. Impostare questo per abilitare il caching del browser. v1.1 + Timeout (default: 0): richiesta di timeout in millisecondi, 0 per nessun timeout intestazioni. oggetto di intestazioni HTTP aggiuntive per la richiesta Ajax asincrona (default: true): impostata su false per emettere un (blocco) richiesta sincrona globale (predefinito: true): attivare eventi Ajax a livello mondiale su questa richiesta contesto (default: finestra): contesto per eseguire richiamate in tradizionale (default: false): attivare tradizionale serializzazione (poca) dei parametri di dati con $.param cache (predefinito: true): se il browser dovrebbe essere consentito di memorizzare nella cache GET risposte. Dal momento che v1.1.4. il valore predefinito è false per dataType: "script" o JSONP. xhrFields (predefinito: nessuno): un oggetto che contiene le proprietà da copiare sopra testualmente all'istanza XMLHttpRequest. v1.1 + nome utente e amp; password (default: nessuno): HTTP credenziali di autenticazione di base. v1.1 + Se l'URL contiene =? o dataType è "JSONP", la richiesta viene eseguita iniettando una & lt; script & gt; tag invece di utilizzare XMLHttpRequest (vedi JSONP). Questo ha la limitazione di contentType. tipo di dati. intestazioni. e asincrona non essere supportato. callback Ajax È possibile specificare le seguenti funzioni di callback, che sono dati in ordine di esecuzione: beforeSend (XHR, impostazioni). prima che venga inviata la richiesta. Fornisce l'accesso all'oggetto XHR e consente di modificare le impostazioni. Return false dalla funzione per annullare la richiesta successo (dati, di stato, XHR). quando richiesta ha esito positivo errore (XHR, ERRORE. TIPO, errore). se c'è un errore (timeout, errore di analisi, o codice di stato HTTP non in 2xx) completa (XHR, stato). dopo che la richiesta è completa, a prescindere di errore o di successo Interfaccia di callback promessa v1.1 + Se i moduli opzionali "callback" e "differite" sono caricati, l'oggetto XHR restituiti da $.ajax () chiama implementa un'interfaccia promessa per l'aggiunta di callback per concatenazione: Questi metodi sostituiscono il successo. errore. e le opzioni di richiamata completi. eventi Ajax Questi eventi vengono generati durante il ciclo di vita di una richiesta Ajax eseguita con l'impostazione di default globale: true: ajaxStart (globale). licenziato se nessun altro richieste Ajax sono attualmente attivi ajaxBeforeSend (XHR, opzioni): prima di inviare la richiesta; può essere annullato ajaxSend (XHR, opzioni): come ajaxBeforeSend. ma non cancellabile ajaxSuccess (XHR, le opzioni, i dati): quando la risposta è successo ajaxError (XHR, opzioni, errore): quando c'è stato un errore ajaxComplete (XHR, opzioni): dopo la richiesta è stata completata, a prescindere di errore o di successo ajaxStop (globale). licenziato se questa fosse l'ultima richiesta Ajax attiva Per impostazione predefinita, gli eventi Ajax vengono sparati sull'oggetto documento. Tuttavia, se il contesto di una richiesta è un nodo DOM, gli eventi vengono generati su tale nodo e volontà bolla il DOM. Le uniche eccezioni a questa sono gli eventi globali ajaxStart & amp; ajaxStop. $.ajaxJSONP 🦄🔨 Deprecato, usare $.ajax invece. Eseguire una richiesta JSONP per recuperare i dati da un altro dominio. Questo metodo non ha vantaggi rispetto $.ajax e non deve essere utilizzato. $.ajaxSettings Oggetto che contiene le impostazioni predefinite per le richieste Ajax. La maggior parte delle impostazioni sono descritte in $.ajax. Quelli che sono utili quando è impostato a livello globale sono: Timeout (default: 0): impostato su un valore diverso da zero per specificare un timeout predefinito per le richieste Ajax in millisecondi globale (predefinito: true): impostato su false per evitare accensioni Ajax XHR (default: XMLHttpRequest fabbrica): impostato su una funzione che restituisce istanze di XMLHttpRequest (o di un oggetto compatibile) accetta. tipi MIME per richiedere dal server per i valori tipo di dati specifici: script: "text / javascript, application / javascript" JSON: "application / json" xml: "application / xml, text / xml" html: "text / html" testo: "text / plain" $.get Effettuare una richiesta GET Ajax. Questa è una scorciatoia per il metodo $.ajax. $ GetJSON Ottenere dati JSON tramite Ajax richiesta GET. Questa è una scorciatoia per il metodo $.ajax. $.param Serializzare un oggetto in una rappresentazione stringa con codifica URL per l'utilizzo in Ajax stringhe di richiesta di query e dati post. Se superficiale è impostato, gli oggetti nidificati non sono serializzati e valori di matrice nidificati non useranno le parentesi quadre sul loro chiavi. Se uno qualsiasi dei singoli oggetti di valore è una funzione invece di una stringa, la funzione otterrà invocato e il suo valore di ritorno sarà ciò che viene serializzato. Questo metodo accetta un array in formato serializeArray, in cui ogni elemento ha "nome" e le proprietà "valore". $.post Eseguire una richiesta Ajax POST. Questa è una scorciatoia per il metodo $.ajax. i dati possono anche essere una stringa: caricare Impostare i contenuti html della collezione corrente al risultato di un GET Ajax chiamata alla URL dato. Facoltativamente, un selettore CSS può essere specificato nella URL, in questo modo, di utilizzare solo il contenuto HTML corrispondente al selettore per l'aggiornamento della raccolta: Se non viene dato selettore CSS, il testo risposta completa è usato al posto. Si noti che eventuali blocchi JavaScript trovati vengono eseguiti solo nel caso in cui non viene dato il selettore. metodi di modulo serializzare Serializzare i valori del modulo a un stringa con codifica URL per l'utilizzo in richieste POST Ajax. serializeArray Serializzare forma in un array di oggetti con nome e valore proprietà. Disabili controlli dei moduli, i pulsanti ei pulsanti di opzione incontrollati / caselle di controllo vengono saltati. Il risultato non include i dati di input file. invio Trigger o allegare un gestore per l'evento di invio. Quando nessuna funzione data, attivare l'evento "invia" sui contenuti attuali e farlo svolgere la sua azione di presentare a meno preventDefault () è stato chiamato per l'evento. Quando viene data una funzione, questo si collega semplicemente come un gestore per l'evento "invia" su elementi attuali. effetti $.fx Impostazioni globali per le animazioni: $.fx. off (Default falso nei browser che supportano le transizioni CSS): impostare a true per disabilitare tutte animate) transizioni (. $.fx. speeds. un oggetto con impostazioni di durata per le animazioni: Modificare i valori esistenti o aggiungere nuove proprietà di influenzare le animazioni che utilizzano una stringa per impostare la durata. animare Uniformemente transizione proprietà CSS degli elementi della collezione corrente. proprietà. oggetto che contiene i valori CSS per animare a; o il nome di animazione CSS keyframe durata (di default 400): la durata in millisecondi, o una stringa: veloci (200 ms) lento (600 ms) qualsiasi proprietà personalizzata di $.fx. speeds facilitando (lineare di default): specifica il tipo di animazione andamento da usare, uno di: alleviare lineare facilità in / out facilità facilità-in-out cubi-Bezier (.) completare. funzione di callback per quando l'animazione finisce ritardo. ritardo di transizione in millisecondi v1.1 + Toccare colpo. registro modifiche Grazie &copia;