jQueryノードオブジェクトをクリックする方法

1665 ワード

この例では、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プログラム設計に役立つことを望んでいます.