Maison >interface Web >js tutoriel >Exemple d'utilisation de la méthode one() de jQuery

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

巴扎黑original: 2017-06-25 11:12:041142parcourir

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>

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Expliquez en détail comment utiliser les trois liaisons d'événements bind/One/Live de jQueryArticle suivant：Expliquez en détail comment utiliser les trois liaisons d'événements bind/One/Live de jQuery

Articles Liés

Voir plus