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獲取select,option所有的value和text的實(shí)例
下面小編就為大家?guī)硪黄猨query獲取select,option所有的value和text的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-03-03
這篇文章為大家分享了超漂亮的jQuery圖片輪播特效，支持Ajax加載數(shù)據(jù)，響應(yīng)式布局，支持移動(dòng)端觸屏，功能強(qiáng)大，感興趣的小伙伴們可以參考一下2015-11-11
幾行代碼輕松搞定jquery實(shí)現(xiàn)flash8類似的連接效果
幾行代碼輕松搞定jquery實(shí)現(xiàn)flash8類似的連接效果...2007-05-05
jQuery實(shí)現(xiàn)每日秒殺商品倒計(jì)時(shí)功能
這篇文章主要介紹了 jQuery實(shí)現(xiàn)每日秒殺商品倒計(jì)時(shí)功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-09-09
2014 HTML5/CSS3熱門動(dòng)畫特效TOP10
本文給大家總結(jié)了10款本站今年比較熱門的html5/css3的動(dòng)畫特效，附上演示地址和下載地址，有需要的小伙伴對(duì)比著使用。2014-12-12
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)計(jì)算器小功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
jquery 插件實(shí)現(xiàn)圖片延遲加載效果代碼
前幾天上QQ的在線視頻網(wǎng)站，看到上面的影片列表頁的圖片有這樣一種效果：當(dāng)向下拉動(dòng)滾動(dòng)條時(shí)下面的圖片才開始加載，就是說它不會(huì)一下子把所有的圖片都加載出來，拉動(dòng)滾動(dòng)條后用戶看到了才會(huì)顯示，這是一個(gè)很不錯(cuò)的用戶體驗(yàn)。2010-02-02
本文為大家收集了10個(gè)非?？岬?jQuery 工具提示（Tooltip）插件，希望大家能喜歡2011-10-10
這篇文章主要介紹了jQuery中click事件用法,以實(shí)例形式分析了click事件的具體功能及應(yīng)用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了jquery中的過濾操作。需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12