jQuery获取单击节点对象的方法


Posted in Javascript onJune 02, 2016

本文实例讲述了jQuery获取单击节点对象的方法。分享给大家供大家参考,具体如下:

event.target属性:

<script language="JavaScript" type="text/javascript">
$("document").ready(function () {
  $(".menu").bind("click", function (event) {
    var clickedNode = event.target;
    var NodeType = event.target.nodeName;
    if (NodeType == "DIV") {
      return;
    }
    if (NodeType == "INPUT") {
      var DivId = clickedNode;
      $(".menu").removeClass('addborder');
      $(DivId.parentNode).addClass('addborder');
    }
    if (NodeType == "A") {
      var DivId = clickedNode;
      $(".menu").removeClass('addborder');
      $(DivId.parentNode.parentNode).addClass('addborder');
    }
  })
</script>

解释: 其中event.target 即为触发单击事件的对象 (有可能是容器内部的某个控件)

PS:这里再为大家推荐几款代码格式化、美化工具,相信大家在以后的开发过程中会用得到:

在线JavaScript代码美化、格式化工具:
http://tools.3water.com/code/js

JavaScript压缩/格式化/加密工具:
http://tools.3water.com/code/jscompress

C语言风格/HTML/CSS/json代码格式化美化工具:
http://tools.3water.com/code/ccode_html_css_json

XML代码在线格式化美化工具:
http://tools.3water.com/code/xmlcodeformat

json代码在线格式化/美化/压缩/编辑/转换工具:
http://tools.3water.com/code/jsoncodeformat

在线JSON代码检验、检验、美化、格式化工具:
http://tools.3water.com/code/json

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
phpwind放自动注册方法
Dec 02 Javascript
JavaScript For Beginners(转载)
Jan 05 Javascript
java script编程起步(第三课)
Jan 10 Javascript
javascript div 弹出可拖动窗口
Feb 26 Javascript
javaScript call 函数的用法说明
Apr 09 Javascript
jQuery.Validate 使用笔记(jQuery Validation范例 )
Jun 25 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
Jun 06 Javascript
jQuery使用fadein方法实现渐出效果实例
Mar 27 Javascript
Nginx上传文件全部缓存解决方案
Aug 17 Javascript
javascript中call apply 与 bind方法详解
Mar 10 Javascript
关于页面刷新vuex数据消失问题解决方案
Jul 03 Javascript
layui输入框中只允许输入整数的实现方法
Sep 18 Javascript
Bootstrap开发实战之响应式轮播图
Jun 02 #Javascript
JavaScript核心语法总结(推荐)
Jun 02 #Javascript
javascript基础语法——全面理解变量和标识符
Jun 02 #Javascript
Bootstrap开发实战之第一次接触Bootstrap
Jun 02 #Javascript
jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
Jun 02 #Javascript
深入理解Ajax的get和post请求
Jun 02 #Javascript
JS小数运算出现多为小数问题的解决方法
Jun 02 #Javascript
You might like
一个PHP二维数组排序的函数分享
2014/01/17 PHP
详解php反序列化
2020/06/10 PHP
javascript Xml增删改查(IE下)操作实现代码
2009/01/30 Javascript
js window.onload 加载多个函数的方法
2009/11/02 Javascript
基于jQuery的倒计时实现代码
2012/05/30 Javascript
javascript ie6兼容position:fixed实现思路
2013/04/01 Javascript
javascript获取所有同类checkbox选项(实例代码)
2013/11/07 Javascript
js 本地预览的简单实现方法
2014/02/18 Javascript
使用jQuery实现的掷色子游戏动画效果
2014/03/14 Javascript
javascript中数组的多种定义方法和常用函数简介
2014/05/09 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
2014/12/08 Javascript
EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容
2016/08/24 Javascript
实例解析jQuery中如何取消后续执行内容
2016/12/01 Javascript
js判断手机号是否正确并返回的实现代码
2017/01/17 Javascript
原生js实现鼠标跟随效果
2017/02/28 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
2017/06/02 Javascript
js经验分享 JavaScript反调试技巧
2018/03/10 Javascript
Bootstrap导航菜单点击后无法自动添加active的处理方法
2018/08/10 Javascript
Node.js一行代码实现静态文件服务器的方法步骤
2019/05/07 Javascript
新手入门带你学习JavaScript引擎运行原理
2019/06/24 Javascript
js回调函数原理与用法案例分析
2020/03/04 Javascript
JavaScript array常用方法代码实例详解
2020/09/02 Javascript
[43:43]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第三场 11.29
2020/12/02 DOTA
numpy库与pandas库axis=0,axis= 1轴的用法详解
2019/05/27 Python
Django自带的加密算法及加密模块详解
2019/12/03 Python
Python+OpenCV 实现图片无损旋转90°且无黑边
2019/12/12 Python
python 已知一个字符,在一个list中找出近似值或相似值实现模糊匹配
2020/02/29 Python
Python爬虫爬取、解析数据操作示例
2020/03/27 Python
numpy矩阵数值太多不能全部显示的解决
2020/05/14 Python
HTML5地理定位实例
2014/10/15 HTML / CSS
HTML5自定义属性的问题分析
2019/08/16 HTML / CSS
Zipadee-Zip襁褓过渡毯:Sleeping Baby
2018/12/30 全球购物
高校十八大报告感想
2014/01/27 职场文书
家长对孩子的感言
2014/03/10 职场文书
社区网格化管理实施方案
2014/03/21 职场文书
社区党员公开承诺书
2014/08/30 职场文书