jQuery で属性を動的に削除する方法について話しましょう

jQuery は、DOM 操作の実行方法を最適化、簡素化、統合する、広く使用されている JavaScript ライブラリです。 jQuery は、DOM 要素の属性やコンテンツの追加、削除、変更などの一般的な DOM 操作の使用を容易にする、カプセル化された関数を多数提供します。このうち attr() 関数は、DOM 要素の属性値を取得または設定するために使用されるメソッドです。ただし、属性を削除する必要がある場合もあります。その場合は、attr() の RemoveAttr() メソッドを使用する必要があります。この記事ではjQueryで属性を動的に削除する方法を紹介します。

jQuery attr() の概要

属性の動的な削除を紹介する前に、まず jQuery の attr() 関数を確認しましょう。 attr() 関数は DOM 要素の属性値を取得または設定する機能を持ち、使用方法は次のとおりです。 HTML 要素または要素のコレクション。

• attribute は属性名の文字列、
• value は属性値の文字列または関数です。
#複数の属性を同時に設定する必要がある場合は、オブジェクトをパラメータとして使用できます。構文は次のとおりです:

• // 获取属性值
  $(selector).attr(attribute)
  // 设置属性值
  $(selector).attr(attribute,value)

  jQuery RemoveAttr() メソッド

removeAttr()

関数は jQuery の属性を動的に削除する関数です その構文は

$(selector).attr({attribute1:value1, attribute2:value2, ...})

このうち

selector

と attribute attr() 関数と同じ意味です。 RemoveAttr() 関数は、HTML 属性を動的に削除し、デフォルトの状態に戻すことができます。

たとえば、次のコードを使用して 要素の「disabled」属性を削除できます: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">$(selector).removeAttr(attribute)</pre><div class="contentsignin">ログイン後にコピー</div></div>removeAttr() 関数は、存在する項目のみを削除できることに注意してください。要素内の HTML 属性。要素に CSS 経由で設定および変更された属性がある場合、このメソッドはそれらの変更された属性値を削除できません。 jQuery attr() および removeAttr() の例

次の例では、attr() メソッドとremoveAttr() メソッドを使用して、HTML 要素の属性を動的に変更します。まず HTML コードを作成します。

$("input[type='button']").removeAttr("disabled");

このテキスト コードで最新バージョンの jQuery ライブラリを参照し、ボタンと入力ボックスを含む HTML ページを作成します。ユーザーが [スタイルの変更] ボタンをクリックすると、

要素の背景色が黄色に変更され、フォント サイズが 24 ピクセルに変更されます。ユーザーが [スタイルの削除] ボタンをクリックすると、

要素はデフォルトの状態に戻ります。これら 2 つのボタンのイベント ハンドラーは、jQuery の attr() メソッドと RemoveAttr() メソッドを使用します。もちろん、これら 2 つのメソッドをコンソールでテストすることもできます。

以上がjQuery で属性を動的に削除する方法について話しましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。