event.target
説明: イベントをトリガーした DOM 要素。
これとevent.targetの違い
js内のイベントはバブルアップするため、これは変更される可能性がありますが、event.targetは変更されず、常に直接ターゲットになりますイベントを受け入れる DOM 要素
this とevent.target の類似点
This とevent.target はどちらも DOM オブジェクトです。jquey でメソッドを使用したい場合は、それらを jquery オブジェクトに変換できます。 this) と $(event.target);
これは、以前に書いた例を思い出させます:
//del イベント
$(".del").bind("click",function(event){
var _tmpQuery=$(this);//理由追加します この文は?
var id=$("input[name='id']",$(this).parents("form:first")).attr("value");
アート.dialog.confirm ('ログが削除されたことを確認しますか?', Function () {
$ .post ("Myrun/ManagerLog_del.php", {id: id}, function (tips) {
if (tips =='ok'){
art.dialog.tips('削除成功');
$(_tmpQuery.parents('tr:first')).hide();//最初の文を追加せず、$($(this).parents('tr:first')).hide() を使用すると
は非表示になりません。 // これは現在の class="del ではないため」ただし、jQuery の AJAX 設定オブジェクト ajaxSettings.
🎜> ;
return true;
$(_tmpQuery.parents('tr:first')) を使用する必要はありません。 Hide();。具体的なコードは次のとおりです:
コードをコピーします
コードは次のとおりです:
if(tips=='ok'){
アート。 Dialog.tips( '削除された');
5);
; 🎜> コードは次のとおりです:
無标题文档
- 第一行
- これは公告标题1
- これは公告です标题2
- これは公告标题3
- これは公告标题4
< ;/li>
上の例子如果変更使用この
< ;script>
$(document).ready(function(){
function handler(event) {
var $target = $(event.target);
if( $target.is( "li") ) {
$target.children().toggle();
}
}
$("ul").click(handler).find("ul")。 Hide();// ここからも、find は後代にのみ渡され、自己は含まれません。 ;