Heim > Web-Frontend > js-Tutorial > Hauptteil

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

巴扎黑
Freigeben: 2017-06-25 11:12:04
Original
1130 Leute haben es durchsucht

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!