Detaillierte Einführung in jQuery2-Funktionen

DOM

　　Ein Parameter 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 　　　　　　　　　　　　　　　　　　Wert Attributwert festlegen Mehrere Attributwerte festlegen attr Den angegebenen Attributwert abrufen

Attributwert festlegen Mehrere Attributwerte festlegen

Prop Den angegebenen Attributwert abrufen Attributwert festlegen Mehrere festlegen Attributwerte

attr und propDifferenz

attr wird zum Anpassen von Attributwerten verwendet ​​​propbringt seine eigenen Attribute mit Attribut entfernen　removeAttr()

Inhalt steuern

　html

( ) Es werden keine Parameter abgerufen

,

Den Inhalt des ersten passenden Elements abrufen

🎜> text() ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ Es dient dazu, den Inhalt und alle passenden Elemente

val festzulegen () Der erste Inhalt

　　　　 verfügt über Parameter zum Festlegen des Inhalts

und zum Festlegen aller passenden Elemente

CSSStil addClass()

Attribut hinzufügen

removeClass() Attributnamen entfernen

hasClass() Bestimmen ob mit dem angegebenen Attributnamen ein boolescher Wert zurückgegeben wird toggleClass() Switch style

addClass attr() Difference addClass

ändert nicht den ursprünglichen Wert

direkt am Ende

setzt den ursprünglichen Wert zurück und ändert ihn

$(“

”) Tag erstellen

Vater-Kind-Beziehung

　a.append( b) b.appendTo(a)

Fügen Sie

b

am Ende von

a

a.prepend(b)

b.prependTo(a)

Fügen Sie

b zu

Der Beginn einer

Bruderschaft

a.after(b) b.insertAfter(a) putb wird an der Rückseite von a

　a.before(b) hinzugefügt

b.insertBefore(a) Fügen Sie b vor a

$(selector).remove()

Löschen

$(selector).empty()

Löschen

$(selector).clone()

Der Standardparameter ist false Kopieren Sie den Stil nur, wenn der Parametertrue Kopierfunktion (Gebundenes Ereignis ) und Stil

a.replaceWith(b)

Verwenden Sie b ersetzt a

Wrapping-Methode

　A.wrap(b)

A.wrapInner(b)

A.wrapAll(b)

.size() ==.length

Rückgabelänge

Objekt .index() Gibt den Indexwert des aktuellen Elements zurück. Am besten übergeben Sie den Parameter

.toArray ()

Gibt ein Array zurück. Das Formular

Mouseover

Eingabe Einziehen

Mauseingabe

Mauseinfahren wird nicht unterstützt Sprudeln

Mouseout

Mouseleave

Mouse Out unterstützt Sprudeln nicht

Mousedown

Mouse Down

Maus hoch

Maus hoch

Maus bewegen

Maus bewegen

Klick >

Kontextmenü Rechte Maustaste

Ereignis bilden Ändern

Inhalt ändern

Fokus

Fokusereignis erhalten

Unschärfe Fokusverlustereignis

Senden Ereignis senden

Tastendruck Tastatur gedrückt

Tastendruck Die Tastatur hebt die

Objekt. Ereignisname

()　$(selector).click(function(){})

　$(selector).on(event.type,function(){})

　$(selector).bind(event.type,function(){})

　Off() unbind()

Ereignisentfernung

Hover()

Zusammengesetztes Ereignis

Hover(function(){

　},function(){

　　Auszug

　})

Ereignistyp

event.type

Ereignisname

Ereignisquelle

event.target

Gibt das Objekt zurück, das das Ereignis ausgelöst hat

PageX pageY Gibt x zurück ,y

AchsenkoordinatenEvent.preventDefault() Standardereignis verhindern

Event.stopPropagation () Ereignisblasen verhindern

Ereignisdelegierter

　Delegate(childSelector,Ereignisname

,function( ){})

　On(

Ereignisname,

childSelector, function(){})

Ereignisnamespace

　$ („div“).on(“click.ss“,fn)

　$(“div”).off(“.ss”)

Alle Animationen Methoden können zwei grundlegende Parameter übergeben

Zeit Millisekunden Englisches Wortschnell normal langsam

200 400 600

Funktion Führen Sie diese Funktion aus, wenn die Animation abgeschlossen ist

Hide() Hide

show() Show

Toggle() Toggle

fadeIn()

fadeOut()

fadeToggle()

fadeTo(Zeit, Transparenz, fn) wird schließlich bei der angegebenen Transparenz bleiben

SlideDown() Zeigen und herausziehen

SlideUp() UpSlideToggle() Switch

Benutzerdefinierte Animation

　Animate({"key:value"} ,

Time

,function(){})

　Parameter Wert = 10 Wert +=10;

Animate( {“key:value”},

Time, function(){}).Animate ({

„key:value“},

Time, function(){})　Stop();

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in jQuery2-Funktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!