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

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

巴扎黑

Libérer： 2017-06-25 11:12:04

original

1122 Les gens l'ont consulté

Cet article présente principalement l'utilisation de la méthode one() de jQuery Il analyse la fonction et la définition de la méthode one() avec des exemples et lie un unique pour des événements spécifiques. d'éléments correspondants. Pour obtenir des conseils sur l'utilisation de la méthode de traitement d'événements , les amis dans le besoin peuvent se référer à

Cet article décrit l'utilisation de la méthode one() de jQuery à travers des exemples. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Lier une méthode de traitement d'événement unique à l'é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 grammaticale :

Le code est le suivant :

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

Liste des paramètres :

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

Exemple de code :

Le code est le suivant :

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

Copier après la connexion

Après avoir cliqué sur p, vous pouvez ajouter le contenu spécifié à p, mais cela fonction de gestionnaire d'événements Ne sera exécutée qu'une seule fois.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!