没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
试读
1页
本文实例讲述了jQuery获取单击节点对象的方法。分享给大家供大家参考,具体如下: event.target属性: [removed] $("document").ready(function () { $(".menu").bind("click", function (event) { var clickedNode = event.target; var NodeType = event.target.nodeName; if (NodeType == "DIV") {
资源推荐
资源详情
资源评论
jQuery获取单击节点对象的方法获取单击节点对象的方法
本文实例讲述了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.jb51.net/code/js
JavaScript压缩压缩/格式化格式化/加密工具:加密工具:
http://tools.jb51.net/code/jscompress
C语言风格语言风格/HTML/CSS/json代码格式化美化工具:代码格式化美化工具:
http://tools.jb51.net/code/ccode_html_css_json
XML代码在线格式化美化工具:代码在线格式化美化工具:
http://tools.jb51.net/code/xmlcodeformat
json代码在线格式化代码在线格式化/美化美化/压缩压缩/编辑编辑/转换工具:转换工具:
http://tools.jb51.net/code/jsoncodeformat
在线在线JSON代码检验、检验、美化、格式化工具:代码检验、检验、美化、格式化工具:
http://tools.jb51.net/code/json
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、
《jQuery表格(table)操作技巧汇总》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇
总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
资源评论
weixin_38645208
- 粉丝: 6
- 资源: 929
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功