jQuery <input> onclick属性の要素の問題

Question

onclick属性を持つ要素が必要です。 jQueryを使用すると、動作しないようです。ここに私のコードです：

$("h1").append($("<input>", {type: "text", onclick: "alert();"})); 

コードん以下作品：

 
$('h1').append('<input type="text">').find('input').live('click', function() { 
    alert('bam'); 
}); 

EDIT：うん、私はデビッド・トーマスのコメントがあったことに気づいたようなものについてはどのように

<input type="text" onclick="alert();"></input> 

Answer 1

は、あなたが本当にがonclick属性を望んでいない、あなたはjQueryのclickイベントを使用します。 onclick属性を設定することは、ほとんどのブラウザで機能しますが、jQueryの正規化されたイベントやクロスブラウザのサポートを利用することはありません。

また、jQueryファクトリメソッドを正しく使用していない場合、2番目の引数はセレクタのコンテキスト、またはhtmlを作成する場合は作成する要素の所有者ドキュメントですあなたは本当にapiを読んでいくつかの時間を過ごす必要があります。

あなたはjQueryのチェーンほとんどのメソッドをすることができ、あなたが望むものをやっての "jQueryの道" であるので：

$('<input>').attr('type', 'text').click(function(){alert();}).appendTo('h1'); 

Answer 2

正しい、ただ実際に出力するためにアラートを変更すると正常に動作します。

Answer 3

なぜ：

$("h1").append($("<input>").attr("type","text").click(function(){alert()}));