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

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

PHPz
リリース: 2018-09-29 16:37:02
オリジナル
1218 人が閲覧しました

この記事では主に 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视频教程

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート