jquery在函数内(也就是冒泡事件中)获取当前被点击的标签的方法与实例亲测 原创

文章标签: event
  • :
  • 03-19 22:48
  • :
  • 27次
  • :
  • 0条
  • 2赞

简介本文主要讲的是在jquery函数内部,获取被鼠标点击的标签的方法及实例。l

什么叫在函数内获取被点击的标签?

比如我们给网页里的一个DIV绑定了一个click事件,那么处于这个DIV内部的所有标签被点击时,都会触发这个事件,这个过程和现象有个学名,叫“冒泡”。

有的时候,我们不需要这个DIV里所有的标签元素被点击时都触发我们绑定的事件,这时,我们就需要来判断当被点击时,到底是哪个标签被点击了。

来看一个具体的实例:

假设我们的网页内有下面这样的一段HTML:

<div id="aijquery">
    <a href="#aijquery1" id="a1">aijquery1</a> <a href="#aijquery2" id="a2">aijquery2</a> 	
    <a href="#aijquery3" id="a3">aijquery3</a> <a href="#aijquery4" id="a4">aijquery4</a>     	
    <p id="p1">这个是P标签</p>  	
    <button id="btn1">这个是按钮</button>  	
    <button id="btn2">演示冒泡事件</button>
</div>

现在我们要给id为aijquery的div绑定一个click事件,在这个事件内,我们获取每个被点击的标签的ID:

<script language="javascript">
//本文首发网站:爱jQuery www.aijquery.cn 
$("div#aijquery").click(function(event){
    alert("你点击的标签的id为:"+event.target.id);
});
</script>

在上面的代码中,我们就已经实现了本文标题中所说的,获取函数内部被点击的标签,就是上面代码中的event.target了,不过它是一个js对象,如果要转换成jquery对象,只用用$()来包裹一下就行了:

$(event.target).attr("id");

PS:关于jquery对象和dom对象,也就是js对象之间的互相转换,请看站长以前写的这篇文章:

jquery对象与dom对象之间互相转换的方法,使jquery对象可以直接使用js里的方法

上面的实例,站长在这里不再给出在线实例演示了,因为站长以前写的文章里有完整的在线实例演示,这里只不过是站长把其中的一部分,拿出来详细的解释了一下,文章链接:

jquery函数内置对象event的各种属性的方法的详解及在线实例演示



您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-11-19 03:00:47