jQueryのターゲット属性
翻訳結果:
target
UK[ˈtɑ:gɪt] US[ˈtɑ:rgɪt]
n. ターゲット; 目的; (サービス) オブジェクト; (射撃) ターゲット
vt. 狙いを定め、... を攻撃目標として捉えます
jQueryのターゲット属性構文
関数:target 属性は、イベントをトリガーした DOM 要素を指定します。
構文: event.target
パラメータ:
パラメータ | 説明 |
イベント | 必須。チェックする必要があるイベントを指定します。イベント パラメーターはイベント バインディング関数から取得されます。 |
jQueryのターゲット属性例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p, button, h1, h2").click(function(event){ $("div").html("点击事件由一个 " + event.target.nodeName + " 元素触发"); }); }); </script> </head> <body> <h1>这是一个标题</h1> <h2>这是另一个标题</h2> <p>这是一个段落</p> <button>这是一个按钮</button> <p>标题、段落和按钮元素定义了一个点击事件。如果您触发了事件,下面的 div 会显示出哪个元素触发了该事件。</p> <div></div> </body> </html>
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します