ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryはHTML要素にevent_html/css_WEB-ITnoseを追加します

jqueryはHTML要素にevent_html/css_WEB-ITnoseを追加します

WBOY
WBOYオリジナル
2016-06-24 12:06:381045ブラウズ

HTML コードの一部で、a8603e7d2fae5f26489c2132e246fbd0click65281c5ac262bf6d81768915a4a77ac0
js または jquey を使用して b258606e97c98b02f310d312372472b1click 51951d451aa6584dc5db822a22e50244クリック9ed91f71425ac736fb4fb53b170a4523

Js--JQ:
$("#bt1").attr("onclick",function(){

alert("111");

})

おそらく次のようになります

このメソッドを使用します。なぜこの HTML コード スニペットを追加すると、アラートが実行されますが、追加された「クリック」ボタンは実行されません


ボタンに ID を追加します
< ;button type="button" id="bt1">65281c5ac262bf6d81768915a4a77ac0 をクリック
Js--JQ:
$("#bt1").attr("onclick",function(){
alert(" 111");
})

おおよそこんな感じです

このメソッドを使用して、この HTML コードセグメントを追加するとアラートが実行されるのですが、追加後の「クリック」ボタンが実行されないのはなぜですか

それはどれかによって異なります使用している jq のバージョン 詳細についてはドキュメントを参照してください
下位バージョンも使用できます

$("#bt1").live("click",function(){});

上位バージョンの場合:
$("body").on("click","#bt1",function(){});




ボタンに ID を追加します
80073fae959f205b9a06c316a84801ccClick65281c5ac262bf6d81768915a4a77ac0

JS--JQ:
$( "#bt1").attr("onclick",function(){
alert("111");
})

これ

このメソッドを使用すると、この HTML コードセグメントを追加するとアラートが実行され、追加された「クリック」ボタンが実行されないのはなぜですか? 使用している JQ のバージョンを確認できます。ドキュメントを参照してください。詳細については、

下位バージョンを使用できます

$("#bt1").live("click",function(){});

上位バージョンを使用します:
$("body").on("click","#bt1",function(){});



なぜイベントなのでしょうか? ボタンがクリックされたときではなく、バインド時に呼び出されます


ボタンに ID を追加します
3bed42c15c06c5f7da56633e405c6ca0クリック65281c5ac262bf6d81768915a4a77ac0

Js-- JQ:
$("#bt1").attr("onclick",function(){
alert("111" );
})

こんな感じ

このメソッドを使用して、なぜこの HTML コード スニペットを追加するのか ボタンが押されたときにアラートが実行されますが、追加された「クリック」ボタンは実行されません。 JQ をインポートすることを忘れずに使用できます

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。