首页 / JQUERY / jquery 的target属性

jquery 的target属性

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery 的target属性，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含806字，纯文字阅读大概需要2分钟。

内容图文

显示哪个 DOM 元素触发了事件：

$("p, button, h1, h2").click(function(event){
  $("div").html("Triggered by a " + event.target.nodeName + " element.");
});

target 属性规定哪个 DOM 元素触发了该事件。


<html>

<head>

<script type="text/javascript" src="/jquery/jquery.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>


原文：http://anbaojia.blog.51cto.com/9494280/1623491

内容总结

以上是互联网集市为您收集整理的jquery 的target属性全部内容，希望文章能够帮你解决jquery 的target属性所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1223674.html

来源：【匿名】