Exemple d'utilisation de la méthode one() de jQuery-js tutoriel-php.cn

Exemple d'utilisation de la méthode one() de jQuery

PHPz

Libérer： 2018-09-29 16:37:02

original

1281 Les gens l'ont consulté

Cet article présente principalement l'utilisation de la méthode one() de jQuery. L'exemple analyse la fonction et la définition de la méthode one() et les compétences d'utilisation pour lier une méthode de traitement d'événement unique pour des événements spécifiques d'éléments correspondants. qui en a besoin Pour référence, l'analyse spécifique est la suivante :

Lier une méthode de traitement d'événement unique à un événement spécifique de l'élément correspondant.
La méthode one() et la méthode bind() sont syntaxiquement identiques. La différence réside dans le nombre d'exécutions de la méthode de traitement liée.

Structure de syntaxe :

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

Copier après la connexion

Liste des paramètres :

Paramètres

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

Description<🎜>type<🎜>Définissez le type d'événement lié à l'élément correspondant. <🎜> S'il y a plusieurs événements, séparez-les par des espaces. <🎜>data<🎜>Facultatif. Objets de données supplémentaires transmis à l’objet événement. <🎜>function<🎜>Définissez une méthode à exécuter lorsque l'événement se produit. <🎜>

实例代码:

<!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>

Copier après la connexion

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

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