jQuery usa fondamentalmente CSS3 per l'animazione e gli effetti?

Question

jQuery usa fondamentalmente CSS3 per l'animazione e gli effetti?

#1 da (1 voti)
#2 da (-3 voti)
#3 da (-3 voti)

2

Inizialmente avevo iniziato questa domanda con "che cos'è jQuery, e come funziona", in termini di tutte quelle animazioni fantasiose, effetti, plug-in della presentazione, ecc. Ero incerto su come JQuery fa tutto ciò che è di fantasia. Ma dopo aver letto su internet, sono felice di riconoscere che jQuery è fondamentalmente una "libreria JavaScript", e con questo, penso che significhi che jQuery sia puro testo, di codice JavaScript, costituito da metodi pubblici, funzioni, costanti ecc. , con l'idea che chiamare questi semplici metodi o funzioni possa sostituire un sacco di codice JavaScript, e che abbia un aspetto piacevole e coerente.

Quindi ho ragione nel dire che tutte le animazioni, gli effetti ecc. di fantasia non sono "effettivamente" raggiunti da JavaScript / jQuery? Sono realizzati utilizzando CSS3? E il CSS3 è un linguaggio di stile che il browser può capire e ha le capacità per eseguire le istruzioni di questo foglio di stile?

Domanda molto confusa e ambigua, lo so, ma sto solo cercando di capire come ottenere quelle incredibili animazioni jQuery ecc.

jquery

posta vicente 12.07.2014 - 18:08

fonte

3 risposte

Leggi altre domande sui tag jquery

Le definizioni di passi cetriolo in Java possono essere metodi statici o metodi di istanza? Come semplificare la struttura di un software di monitoraggio che utilizza il pattern Observer?

score 1 · Answer 1

Sì e no. jQuery usa la dom-manipulation usando gli attributi css per animare gli elementi html.

Puoi vedere come la funzione .animate() funzioni tranquillamente quando usi la funzione step :

$( "div" ).animate({
    'font-size': "26px"
}, {
  step: function( now, fx ) {
    console.log(fx);
  }
});

Il jQuery.fx.prototype contiene le informazioni sullo stato corrente dell'animazione:

elem : l'elemento animato
prop : la proprietà del tag html che è animato
now : lo stato corrente della proprietà
start / end : i valori iniziali e finali della proprietà animata
unit : l'unità della proprietà

Alcuni valori potrebbero essere familiari al css, infatti, sì jQuery usa i valori CSS per cambiare l'aspetto di un elemento animato.

Se guardi il valore now di fx -object puoi vedere i valori calcolati da jQuery. Quindi jQuery calcola i valori tra start e end -values per fornire un'animazione. Ma non riesco a dare una risposta su come funziona il calcolo, che è ormai troppo profondo per me.

Nel concludere ciò, jQuery calcola i propri valori per animare gli elementi. Ma, se ho ragione, al momento non ci sono transizioni di CSS3.

Demo (Apri la console e avvia il violino)

Spero di poterlo spiegare abbastanza chiaramente per aumentare la tua comprensione.

score -3 · Answer 2

Per la normale manipolazione del cambio di stile o l'aggiunta di una nuova classe CSS. Qualsiasi libreria JavaScript può utilizzare la navigazione principale degli elementi DOM. Per animazioni e temi, viene utilizzata l'interfaccia utente jquery. link

score -3 · Answer 3

Puoi anche utilizzare la funzione animate disponibile in JQuery Plugin. . $ ( "# Divname") animare ({top: "", a sinistra: ""}, speedtime); E inoltre abbiamo più opzioni in animate che specificano il tipo di animazione come swing o lineare ecc.