jQueryノードオブジェクトをクリックする方法
1665 ワード
この例では、jQueryがクリックノードオブジェクトを取得する方法について説明します.皆さんの参考にしてください.具体的には以下の通りです.
event.targetプロパティ:
説明: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プログラム設計に役立つことを望んでいます.
event.targetプロパティ:
$("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');
}
})
説明: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プログラム設計に役立つことを望んでいます.