ホームページ > ウェブフロントエンド > jsチュートリアル > 異なるバージョン間で jQuery を使用して入力要素を有効または無効にするにはどうすればよいですか?

異なるバージョン間で jQuery を使用して入力要素を有効または無効にするにはどうすればよいですか?

Patricia Arquette
リリース: 2024-12-11 17:02:11
オリジナル
613 人が閲覧しました

How Do I Enable and Disable Input Elements Using jQuery Across Different Versions?

jQuery を使用した入力要素の強化: 機能の無効化と有効化

Web アプリケーションで入力フィールドを操作する場合、入力フィールドを有効または無効にする必要がありますダイナミックに発生します。 jQuery には、このタスクを実行するためのメソッドがいくつか用意されており、それぞれの jQuery バージョンごとに独自の利点があります。

jQuery バージョン 1.6 以降では、.prop() 関数が無効なプロパティを変更するための推奨されるアプローチです。 .prop() を使用すると、次のように無効な状態を true または false に設定できます:

$("input").prop('disabled', true); // Disable the input
$("input").prop('disabled', false); // Enable the input
ログイン後にコピー

ただし、jQuery バージョン 1.5 以下を使用している場合、.prop() 関数は無効です。利用可能。代わりに、同様の機能を持つ .attr() 関数を利用できます:

$("input").attr('disabled', 'disabled'); // Set disabled attribute
ログイン後にコピー

入力を再度有効にするには、.removeAttr() メソッドを使用する必要があります:

$("input").removeAttr('disabled');
ログイン後にコピー

最後に、使用している jQuery のバージョンに関係なく、常に実際の DOM オブジェクトを信頼できます。このメソッドは、個々の要素を操作する場合にパフォーマンスが若干向上する可能性があります。

this.disabled = true; // Disable the input (assuming event handler context)
ログイン後にコピー

.prop() または .attr() メソッドを使用すると、選択した複数の項目のプロパティを設定できますが、DOM オブジェクトのアプローチでは、 「無効」などのネイティブ プロパティが完全に削除されることなく正しく処理されるようにします。

以上が異なるバージョン間で jQuery を使用して入力要素を有効または無効にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート