Heim >Web-Frontend >js-Tutorial >Verwendung und Definition von Mouseover im jQuery-Ereignis
Dieser Artikel stellt hauptsächlich die Verwendung von MouseoverEreignis in jQuery vor und analysiert die Verwendungsfähigkeiten von MouseoverEreignisbehandlung, wenn der Mauszeiger darüber gleitet Form von Beispielen. Freunde können sich auf
beziehen. Dieser Artikel erklärt die Verwendung des Mouseover-Ereignisses in jQuery anhand von Beispielen. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:
Das Mouseover-Ereignis wird ausgelöst, wenn sich der Mauszeiger über dem passenden Element befindet oder die Methode „mouseover()“ aufgerufen wird.
Ein vollständiger Ereignisprozess muss nicht nur Bedingungen haben, die das Ereignis auslösen können, sondern auch einen Ereignishandler.
Ein Event-Handler kann über die Methode mouseover() an das Mouseover-Ereignis gebunden werden. Beispiel:
$("p").mouseover(function(){$("p").text("欢迎您!")})
Der obige Code dient dazu, die Funktion als Ereignishandler über die Methode mouseover() an das Mouseover-Ereignis zu binden.
Diese Funktion wird aufgerufen, wenn das Mouseover-Ereignis ausgelöst wird.
Beispielcode:
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <meta name="author" content="http://www.jb51.net/" /> <title>mouseover事件</title> <script type="text/ javascript " src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $( document ).ready(function(){ $("p").mouseover(function(){ $("p").text("欢迎您!"); }) }) </script> </head> <body> <p>原来的文字</p> </body> </html>
Übersicht
Binden Sie eine Handlerfunktion an das Mouseover-Ereignis jedes passenden Elements.
Das Mouseover-Ereignis wird ausgelöst, wenn sich die Maus in das Objekt bewegt.
Parameter
fnFunctionV1.0
Die im Mouseover-Ereignis festgelegte Verarbeitung jede passende Elementfunktion.
[data],fnString,FunctionV1.4.3
data:mouseover([Data], fn) kann Daten zur Verarbeitung durch die Funktion fn übergeben.
fn: Die Handlerfunktion, die an das Mouseover-Ereignis jedes übereinstimmenden Elements gebunden ist.
Beispiel
Beschreibung:
Ändern Sie die Hintergrundfarbe eines Elements, wenn sich der Mauszeiger darüber befindet:
jQuery-Code:
$("p").mouseover(function(){ $("p").css("background-color","yellow"); });
Das obige ist der detaillierte Inhalt vonVerwendung und Definition von Mouseover im jQuery-Ereignis. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!