Maison > interface Web > js tutoriel > le corps du texte

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

巴扎黑
Libérer: 2017-06-25 11:12:04
original
1135 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal