Heim > Artikel > Web-Frontend > Beispiel für die Verwendung der one()-Methode von jQuery

Beispiel für die Verwendung der one()-Methode von jQuery

巴扎黑Original: 2017-06-25 11:12:041111Durchsuche

In diesem Artikel wird hauptsächlich die Verwendung der one()-Methode von jQuery vorgestellt. Er analysiert die Funktion und Definition der one()-Methode anhand von Beispielen und bindet ein einmaliges für bestimmte Ereignisse Tipps zur Verwendung der Ereignisverarbeitungsmethode finden Freunde in Not unter

. In diesem Artikel wird die Verwendung der Methode one() von jQuery anhand von Beispielen beschrieben. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Binden Sie eine einmalige Ereignisbehandlungsmethode an das spezifische Ereignis des übereinstimmenden Elements.
Die one()-Methode und die bind()-Methode sind syntaktisch gleich. Der Unterschied liegt in der Anzahl der Ausführungen der gebundenen Verarbeitungsmethode.

Grammatikstruktur:

Der Code lautet wie folgt:

$(selector).one(event,data, Funktion)

Parameterliste:

参数	描述
type	定义绑定到匹配元素中的事件类型。如果有多个事件使用空格分隔。
data	可选。传递给事件对象的额外数据对象。
function	定义当事件发生时运行的方法。

Beispielcode:

Der Code lautet wie folgt:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>one()
函数
-脚本之家</title> 
<style type="text/css">
p{
  width:100px;
  height:100px;
  border:1px solid red
}
</style>
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(
document
).ready(function(){
  $("p").one("click",function(){
    $(this).append("添加的内容");
  })
})
</script>
</head>
<body>
  <p></p>
</body>
</html>

Nachdem Sie auf p geklickt haben, können Sie den angegebenen Inhalt zu p hinzufügen, aber dies Event-Handler-Funktion Wird nur einmal ausgeführt.

Das obige ist der detaillierte Inhalt vonBeispiel für die Verwendung der one()-Methode von jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

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

Vorheriger Artikel：Erklären Sie im Detail, wie Sie die drei bind/One/Live-Ereignisbindungen von jQuery verwendenNächster Artikel：Erklären Sie im Detail, wie Sie die drei bind/One/Live-Ereignisbindungen von jQuery verwenden

In Verbindung stehende Artikel

Mehr sehen