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

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

PHPz
Freigeben: 2018-09-29 16:37:02
Original
1222 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die Verwendung der one()-Methode von jQuery vor und analysiert die Verwendungsfähigkeiten der Bindung einer einmaligen Ereignisverarbeitungsmethode für bestimmte Ereignisse übereinstimmender Elemente Wer braucht es? Als Referenz lautet die spezifische Analyse wie folgt:

Binden Sie eine einmalige Ereignisverarbeitungsmethode an ein bestimmtes 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.

Syntaxstruktur:

$(selector).one(event,data,function)
Nach dem Login kopieren

Parameterliste:

Parameters
参数描述
type定义绑定到匹配元素中的事件类型。
如果有多个事件使用空格分隔。
data可选。传递给事件对象的额外数据对象。
function定义当事件发生时运行的方法。
Beschreibung<🎜>
type<🎜>Definieren Sie den Ereignistyp, der an das passende Element gebunden ist. <🎜> Wenn es mehrere Ereignisse gibt, trennen Sie diese durch Leerzeichen. <🎜>
Optional. Zusätzliche Datenobjekte, die an das Ereignisobjekt übergeben werden. <🎜>
Definieren Sie eine Methode, die ausgeführt werden soll, wenn das Ereignis auftritt. <🎜>

实例代码:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="//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

点击p之后,可以为p添加指定的内容,但是此事件处理函数只会被执行一次。

以上就是本章的全部内容,更多相关教程请访问jQuery视频教程

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