ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryで要素を使用不可にする方法

jqueryで要素を使用不可にする方法

藏色散人
藏色散人オリジナル
2023-02-17 09:32:552119ブラウズ

要素を使用不可にする Jquery 実装メソッド: 1. "$(':checkbox').attr('disabled', true);" メソッドを使用して、要素を使用不可に設定します。 「pointer- events:none; opacity:0.2;」属性により、要素は使用できなくなります。

jqueryで要素を使用不可にする方法

#このチュートリアルの動作環境: Windows 10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery で要素を使用できないようにするにはどうすればよいですか?

Jquery 設定要素が利用できない

通常、ページを設定するときにこのような問題が発生します。たとえば、単語ゲームのページを作成しているときに、更新 ページに入ると、他のボタンは使用できなくなります。つまり、表示されるだけで操作できなくなります。

jquery にはそのようなメソッドがあります。

$(':checkbox').attr('disabled', true);

このコードの意味はすべてです。チェックボックスはクリックできなくなります。つまり、チェックボックスは表示されるだけで操作できなくなります。それでも色を変更したい場合は、CSS の助けが必要になります。

次のすべてを試しましたが、すべて機能しますが、ラジオ ボタン、チェック ボックス、ボタン、ドロップダウン ボックス、および A ラベルでのみ使用できます。

jqueryで要素を使用不可にする方法

そして、これらのボタンとチェック ボックスをクリックできないようにすることしかできず、グレーにすることはできません。

もう 1 つの方法は、CSS を使用することです。2 つあります。 CSS のプロパティを組み合わせて、クリックできなくなったりグレー表示になったりする効果を実現できます。設定する要素が多くて、ちょっと現実的ではありません。

そこで、私は彼らのためにクラスを設定し、必要なときにクラスを提供します。

jqueryで要素を使用不可にする方法じゃあ、jqueryで使ってみます。jqueryにはaddClassというメソッドがあり、これは既存のクラス名を追加するという意味です。

それで判断します。 ID をクリックすると「Locating」です。使用できます

最後にレンダリングを見てみましょう

jqueryで要素を使用不可にする方法

##推奨される学習: 「

jQuery ビデオ チュートリアル

以上がjqueryで要素を使用不可にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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