jQuery獲取單擊節(jié)點對象的方法
本文實例講述了jQuery獲取單擊節(jié)點對象的方法。分享給大家供大家參考,具體如下:
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 即為觸發(fā)單擊事件的對象 (有可能是容器內(nèi)部的某個控件)
PS:這里再為大家推薦幾款代碼格式化、美化工具,相信大家在以后的開發(fā)過程中會用得到:
在線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代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具:
http://tools.jb51.net/code/jsoncodeformat
在線JSON代碼檢驗、檢驗、美化、格式化工具:
http://tools.jb51.net/code/json
更多關于jQuery相關內(nèi)容感興趣的讀者可查看本站專題:《jQuery常用插件及用法總結(jié)》、《jquery中Ajax用法總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設計有所幫助。
相關文章
jquery pagination分頁插件使用詳解(后臺struts2)
這篇文章主要為大家詳細介紹了jquery pagination 分頁插件的相關資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-01-01jQuery 1.5.1 發(fā)布,全面支持IE9 修復大量bug
jQuery 1.5.1發(fā)布了!這是自jQuery1.5發(fā)布以來第一個小版本更新,并且解決了很多BUG。2011-02-02JQuery和html+css實現(xiàn)帶小圓點和左右按鈕的輪播圖實例
下面小編就為大家?guī)硪黄狫Query和html+css實現(xiàn)帶小圓點和左右按鈕的輪播圖實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07Bootstrap 時間日歷插件bootstrap-datetimepicker配置與應用小結(jié)
這篇文章主要介紹了Bootstrap 時間日歷插件bootstrap-datetimepicker配置與應用小結(jié),本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05jquery中$.fn和圖片滾動效果實現(xiàn)的必備知識總結(jié)
圖片滾動效果相信大家都使用過,看上去很簡單的一個效果,如果想熟練的掌握必須知道jquery、IIFE、setInterval等基礎以及$.fn用法,下面這篇文章主要介紹了關于jquery中$.fn和圖片滾動效果制作的必備知識,需要的朋友可以參考下。2017-04-04自編jQuery插件實現(xiàn)模擬alert和confirm
現(xiàn)在絕大多數(shù)網(wǎng)站都不用自帶的alert和confirm了,因為界面太生硬了。因此這個插件就這樣產(chǎn)生了...2014-09-09jquery PrintArea 實現(xiàn)票據(jù)的套打功能(代碼)
下面小編就為大家?guī)硪黄猨query PrintArea 實現(xiàn)票據(jù)的套打功能(代碼)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-03-03