ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryのone()メソッドの使用例

jQueryのone()メソッドの使用例

PHPzオリジナル: 2016-05-16 16:19:161216ブラウズ

この記事では主に jQuery の one() メソッドの使用法を紹介し、one() メソッドの機能と定義、および一致する要素の特定のイベントに対するワンタイムイベント処理メソッドの使用スキルを分析します。参考に、具体的な分析は次のとおりです。

ワンタイムイベント処理メソッドを、一致する要素の特定のイベントにバインドします。
one() メソッドと binding() メソッドは構文的には同じですが、違いはバインドされた処理メソッドの実行数にあります。

構文構造:

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

パラメータリスト:

パラメータ

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

説明

type

一致する要素にバインドされるイベントタイプを定義します。複数のイベントがある場合は、スペースで区切ります。

データ

オプション。イベントオブジェクトに渡される追加のデータオブジェクト。

関数

イベントの発生時に実行するメソッドを定義します。

实例代码:

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

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

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

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：DOM の基本チュートリアル: モデル内のモデルノード_基礎知識次の記事：DOM の基本チュートリアル: モデル内のモデルノード_基礎知識

続きを見る

jQueryのone()メソッドの使用例

関連記事