e , e.target 和 tagName 分别是什么

例一：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<dl id="test">
<dt>test</dt>
<dd><a href="http://www.baidu.com">test1</a></dd>
<dd><a href="http://www.baidu.com">test2</a></dd>
<dd><a href="http://www.baidu.com">test3</a></dd>
<dd><a href="http://www.baidu.com">test4</a></dd>
<dd><a href="http://www.baidu.com">test5</a></dd>
</dl>
<script type="text/javascript">

$('#test').click(function(e){
var itarget = $(e.target);
if (itarget[0].tagName=='A'){ 
alert(itarget.html());
return false;
}
}); 
</script>

说明：

e 是经过 jQuery 包装之后的事件对象，使用时我们不需要去考虑浏览器兼容性问题了。

e.target 取得的是事件发生的对象，即事件源，它是 DOM 对象。

tagName 是 DOM 对象的属性，用于获取 DOM 对象的标签名，取出来是大写的，你要取小写的用 nodeName。或者用toLowerCase()把tagName转换成小写之后再进行比较。

 

例二：

e.target的含义

$(function(){
    $("li:has(ul)").click(function(e){
        if(this==e.target){
            $(this).children().toggle();
            $(this).css("list-style-image",($(this).children().is(":hidden")?"url(plus.gif)":"url(minus.gif)"))
        }
        return false;    //避免不必要的事件混绕
    }).css("cursor","pointer").click();    //加载时触发点击事件
   
    //对于没有子项的菜单，统一设置
    $("li:not(:has(ul))").css({
        "cursor":"default",
        "list-style-image":"none"
    });
});

===========================

具体问题具体分析；当前目标
在event事件中代表点击对象；
loader事件：加载对象；
e只是参数，任意取值；对应即可；


e.target 是目标对象，e.event是目标所发生的事件。