Detaillierte Erläuterung der Verwendung der jQuery.click()-Funktion

Die

click()-Funktion wird verwendet, um eine Handlerfunktion an das Klick--Ereignis jedes übereinstimmenden Elements zu binden. Diese Funktion kann auch zum Auslösen von Klickereignissen verwendet werden.

Klickereignis ist ein Maustastenklickereignis. Darüber hinaus können Sie auch einige zusätzliche Daten an die Funktion Ereignishandler übergeben.

Darüber hinaus können Sie mehrere Event-Handler binden, indem Sie diese Funktion mehrmals für dasselbe Element aufrufen. Wenn das Klickereignis ausgelöst wird, führt jQuery die gebundenen Ereignisverarbeitungsfunktionen in der Reihenfolge der Bindung aus.

Um ein über click() gebundenes Ereignis zu zu löschen , verwenden Sie die Funktion unbind().

Diese Funktion gehört zum jQuery-Objekt (Instanz).

Syntax

jQueryObject.click( [ [ data ,]  handler ] )

Wenn mindestens ein Parameter angegeben ist, bedeutet dies, dass die Handlerfunktion des Klickereignisses gebunden ist. Wenn keine Parameter angegeben sind, bedeutet dies, dass das Klickereignis ausgelöst wird.

Parameter

jQuery 1.4.3 hinzugefügte Unterstützung: click() unterstützt Datenparameter.

Dies im Parameterhandler zeigt auf das aktuelle DOM-Element. click() übergibt außerdem einen Parameter an den Handler: das Event-Objekt, das das aktuelle Ereignis darstellt.

Wenn der Rückgabewert des Funktionshandlers falsch ist, bedeutet dies, dass das Standardereignisverhalten des Elements verhindert und verhindert wird, dass das Ereignis im DOM-Baum sprudelt. Wenn beispielsweise die Handlerfunktion des Klickereignisses des Links false zurückgibt, kann das Standard-URL-Sprungverhalten des Links verhindert werden.

Rückgabewert

click()Der Rückgabewert der Funktion ist vom Typ jQuery und gibt das aktuelle jQuery-Objekt selbst zurück.

Beispiel und Beschreibung

Bitte beachten Sie den folgenden anfänglichen HTML-Code:

<input id="btn1" type="button" value="点击1" />
<input id="btn2" type="button" value="点击2" />
<a id="a1" href="http://www.365mini.com">CodePlayer</a>

Jetzt binden wir Handler für die Klickereignisse aller Schaltflächenelemente (Sie können binden Mehrere definiert, nacheinander entsprechend der verbindlichen Reihenfolge beim Auslösen ausgeführt):

// 为所有button元素的click事件绑定处理函数
$(":button").click( function(event){
    alert( this.value + "-1" );
} );

// 为所有button元素的click事件绑定处理函数
$(":button").click( function(event){
    alert( this.value + "-2" );
} );

// 触发所有button元素的click事件
$(":button").click( ); // 调用不带任何参数的click()函数，会触发每个匹配元素的click事件

我们还可以为事件处理函数传递一些附加的数据。此外，通过jQuery为事件处理函数传入的参数Event对象，我们可以获取当前事件的相关信息(比如事件类型、触发事件的DOM元素、附加数据等)：

var user = { name: 'CodePlayer', age: 18 };
// 为所有button元素的click事件绑定处理函数
$(":button").click( user, function(event){
    alert( event.data.name ); // CodePlayer
} );

如果通过click()函数绑定的事件处理函数的返回值为false，则可以阻止元素的默认事件行为，并停止事件在DOM树中冒泡。例如链接的click事件的处理函数返回false，可以阻止链接的默认URL跳转行为。

// 点击链接时，阻止链接跳转
$("a").click( function(){
    return false;
} );

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung der jQuery.click()-Funktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!