<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<head><meta forua="true" http-equiv="Cache-Control" content="max-age=0" /></head>
<card title="jQuery判断获取元素的类型 父元素的click事件集中管理子元素的click" id="card1">
<p> 游客</p><p>
标题:jQuery判断获取元素的类型 父元素的click事件集中管理子元素的click<br/>
正文:<br/>
$(document).click(function(event){    var src_element_id = $(event.srcElement || event.target).attr(&amp;quot;id&amp;quot;);   //没点击一次就获取当前元素ID   // event.srcElement || event.target  代表的原生JS对象，获取ID，使用(event.srcElement || event.target).id   if(src_element_id ==&amp;quot;camnpr&amp;quot; &amp;amp;&amp;amp; src_element_id == &amp;quot;kuabaobao&amp;quot;){ //筛选指定ID下的内容，有执行事件的权限      //do something   }// or ....if (src_element_id.is(&amp;quot;a&amp;quot;) ) { //使用jQuery中的 is 函数来判断元素的类型    src_element_id.css(&amp;quot;background-color&amp;quot;, &amp;quot;red&amp;quot;);}});使用原生JS的方法是：var obj = document.getElementById(&amp;quot;camnpr&amp;quot;);alert(obj.type);    alert(obj.nodeType);nodeName、nodeValue 以及 nodeType 包含有关于节点的信息题外话：先来看个例子：$(&amp;quot;#camnpr&amp;quot;).click(function(e){...});$(&amp;quot;#kuabaobao&amp;quot;).click(function(e){...});$(&amp;quot;#raodaor&amp;quot;).click(function(e){...});...这样要绑定N个事件到N个元素上，本身创建事件，是保存到内存中的，事件越多，内存占有的就多；另一方面，多个事件不集中，管理也不方便。 如果就上边的给documen<br/><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=606&amp;Page=1">[&lt;&lt;]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=606&amp;Page=1">[[1]]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=606&amp;Page=2">[2]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=606&amp;Page=2">[&gt;&gt;]</a><br/>
<br/>
<a href="wap.asp?act=Com&amp;id=606">查看评论(2)</a><br/>
<a href="wap.asp?act=AddCom&amp;inpId=606">发表评论</a><br/><br/>

<br/>

<br/>
<a href="http://camnpr.com/wap.asp">首页</a>
</p>
</card>
</wml>