本文實例講述了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.gimoo.net/code/js
JavaScript壓縮/格式化/加密工具:
http://tools.gimoo.net/code/jscompress
C語言風格/HTML/CSS/json代碼格式化美化工具:
http://tools.gimoo.net/code/ccode_html_css_json
XML代碼在線格式化美化工具:
http://tools.gimoo.net/code/xmlcodeformat
json代碼在線格式化/美化/壓縮/編輯/轉換工具:
http://tools.gimoo.net/code/jsoncodeformat
在線JSON代碼檢驗、檢驗、美化、格式化工具:
http://tools.gimoo.net/code/json
更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jQuery常用插件及用法總結》、《jquery中Ajax用法總結》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。