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