1 
   <!DOCTYPE html>
   <html>
      <head>
         <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
      </head>
      <body>
         <a href="http://jquery.com">default click action is prevented</a>
         <div id="log"></div>
         <script>
            $("a").click(function(event) {
               event.preventDefault();
               $('<div/>')
                  .append('default ' + event.type + ' prevented')
                  .appendTo('#log');
            });
         </script>
      </body>
   </html>

上記のコードはhttp://api.jquery.com/event.preventDefault/から取得したものです。

質問：

  1. function(event)、私はここでイベントがクリックを意味することを知っていますが、クリックオブジェクトはどのようにして値をこのパラメーター: イベントに渡しましたか?

  2. $('<div/>')
.append('default ' + event.type + ' prevented')
.appendTo('#log');

と は知っappend()てappendTo()いますが、この行を理解するのにまだ苦労 $('<div/>')しました<div/>。通常、私はこのスタイルしか見ません: $('div').append()、この行を説明してくれる人はいますか? ありがとう。

4

4 に答える 4

2 
$('div').append('...')

ここで、「div」セレクターは、DOM に既に存在するすべての DIV を検索し、それらにコンテンツを追加します。

$('<div/>').append('...')

ここでは、jquery オブジェクトにラップされた新しい要素 DIV を作成し、それにコンテンツを追加します。これは以下と同じです: $('<div>').append('...')または $('<div></div>').append('...') 構文の変更だけです。

新しく作成された要素を DOM に追加する必要があります。通常、メソッドを使用できます.appendTo(elementInDOM)。

于 2013-06-24T09:47:04.173 に答える