Verwendung und Definition von Mouseover im jQuery-Ereignis-js-Tutorial-php.cn

Heim

Web-Frontend

js-Tutorial

Verwendung und Definition von Mouseover im jQuery-Ereignis

Jun 28, 2017 pm 01:30 PM

jquery mouseover 定义

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:

$(&quot;p&quot;).mouseover(function(){$(&quot;p&quot;).text(&quot;欢迎您！&quot;)})

Nach dem Login kopieren

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:

&lt;!DOCTYPE HTML&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;utf-8&quot;/&gt;
&lt;meta name=&quot;author&quot; content=&quot;http://www.jb51.net/&quot; /&gt;
&lt;title&gt;mouseover事件&lt;/title&gt;
&lt;script type=&quot;text/
javascript
&quot; src=&quot;mytest/jQuery/jquery-1.8.3.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
$(
document
).ready(function(){
  $(&quot;p&quot;).mouseover(function(){
    $(&quot;p&quot;).text(&quot;欢迎您！&quot;);
  })
})
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;p&gt;原来的文字&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;

Nach dem Login kopieren

Ü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:

$(&quot;p&quot;).mouseover(function(){ $(&quot;p&quot;).css(&quot;background-color&quot;,&quot;yellow&quot;); });

Nach dem Login kopieren

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!

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn