ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryでcssメソッドを使用してボタンをクリックできないようにする方法

jqueryでcssメソッドを使用してボタンをクリックできないようにする方法

coldplay.xixi
coldplay.xixiオリジナル
2021-01-20 11:02:061732ブラウズ

Jquery は css メソッドを使用してボタンをクリックできないようにします。 css メソッドを使用して要素の CSS スタイルを取得するか、要素の CSS スタイルを設定します。コードは [$('#btn') .css('pointer -events', 'none');]。

jqueryでcssメソッドを使用してボタンをクリックできないようにする方法

このチュートリアルの動作環境: Windows7 システム、jquery3.2.1&&css3 バージョン、DELL G3 コンピューターこの方法は、すべてのブランドのコンピューターに適しています。

推奨: jquery ビデオ チュートリアル

jquery は CSS メソッドを使用してボタンをクリックできないようにします:

css ( ) メソッド: 要素の CSS スタイルを取得するか、要素の CSS スタイルを設定するために使用されます。

  • pointer-events 属性: 属性イベントのターゲットがいつになるかを設定または取得します。

  • auto: パフォーマンスへの影響は、pointer-events 属性が指定されていない場合と同じです。 SVG コンテンツのvisiblePaint 値と同じ

  • #none: 要素がマウス イベントのターゲットになることはありません。ただし、マウス イベントは、その pointer-events 属性が別の値を指定している場合、子孫要素に送信することができます。その場合、マウス イベントは、キャプチャまたはバブリングの段階で親要素のイベント リスナーをトリガーします。

実装方法:

$('#btn').css('pointer-events', 'none');

効果:

jqueryでcssメソッドを使用してボタンをクリックできないようにする方法

##関連する無料学習の推奨事項:

javascript(ビデオ)

以上がjqueryでcssメソッドを使用してボタンをクリックできないようにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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