jQuery html要素を削除または無効にするクリックイベントの一般的な方法のまとめ
1446 ワード
この例では、html要素のクリックイベントを削除または無効にするjQueryの一般的な方法について説明します.皆さんの参考にしてください.具体的には以下の通りです.
html要素を削除または無効にするクリックイベントは、cssまたはjsまたはjQueryで実現できます.
一、CSS方法
.disabled { pointer-events: none; }
二、jQuery方法
方法1
方法2
注:この方法のliveはon,bindなどの方法でも可能です
方法3
htmlタグのプロパティがイベントの有効化または無効化に達したことをremoveAttrメソッドで制御します.また、この方法で他のイベントや他の効果を制御することもできます.
方法四
注意:メソッド3と同じですが、disabledプロパティはbuttonまたはsubmitのタイプのinputで一般的に使用されます.
PS:ここにjavascriptのよくあるイベントと機能説明のオンライン対照表を添付して参考にします.
JAvascriptイベントと機能説明大全:http://tools.jb51.net/table/javascript_event
jQueryの関連内容についてもっと興味のある読者は、「jQueryよくある事件の使い方とテクニックの総括」、「jQuery常用プラグインと使い方の総括」、「jQuery操作jsonデータテクニックの総括」、「jQuery拡張テクニックの総括」、「jQueryドラッグ特効とテクニックの総括」、「jQuery表(table)操作テクニックの総括」、「jQueryよくある経典の特効の総括」、『jQueryアニメーションと特効用法まとめ』および『jqueryセレクタ用法まとめ』
本文で述べたことが皆さんのjQueryプログラム設計に役立つことを望んでいます.
html要素を削除または無効にするクリックイベントは、cssまたはjsまたはjQueryで実現できます.
一、CSS方法
.disabled { pointer-events: none; }
二、jQuery方法
方法1
$(this).click(function (event) {
event.preventDefault();
}
方法2
$('a').live('click', function(event) {
alert(" , !");
event.preventDefault();
});
注:この方法のliveはon,bindなどの方法でも可能です
方法3
$('.disableCss').removeAttr('onclick');// onclick
htmlタグのプロパティがイベントの有効化または無効化に達したことをremoveAttrメソッドで制御します.また、この方法で他のイベントや他の効果を制御することもできます.
方法四
$('#button').attr('disabled',"true");// disabled
$('#button').removeAttr("disabled"); // disabled
注意:メソッド3と同じですが、disabledプロパティはbuttonまたはsubmitのタイプのinputで一般的に使用されます.
PS:ここにjavascriptのよくあるイベントと機能説明のオンライン対照表を添付して参考にします.
JAvascriptイベントと機能説明大全:http://tools.jb51.net/table/javascript_event
jQueryの関連内容についてもっと興味のある読者は、「jQueryよくある事件の使い方とテクニックの総括」、「jQuery常用プラグインと使い方の総括」、「jQuery操作jsonデータテクニックの総括」、「jQuery拡張テクニックの総括」、「jQueryドラッグ特効とテクニックの総括」、「jQuery表(table)操作テクニックの総括」、「jQueryよくある経典の特効の総括」、『jQueryアニメーションと特効用法まとめ』および『jqueryセレクタ用法まとめ』
本文で述べたことが皆さんのjQueryプログラム設計に役立つことを望んでいます.