.attr() と .data() の違い

今回は、.attr() と .data() の違いについて紹介します。 .attr() と .data() を使用する際の 注意事項 について、実際のケースを見てみましょう。

JqueryオブジェクトプロパティとDOMプロパティ

簡単な例rreee

• $.attr() は毎回 DOM 要素から属性値を取得します。つまり、属性値はビュー内のタグの属性値と一致します。 •$.attr('data-foo') はタグから data-foo 属性値を取得します。 •$.attr('data-foo', 'world') は、

文字列

'world' をタグの 'data-foo' 属性

に挿入します。 •$.data() は Jquery オブジェクトから値を取得します。オブジェクトの属性値はメモリに格納されるため、ビュー内の属性値と一致しない可能性があります。 •$.data('foo') は、

タグからの data-foo 属性値ではなく、Jquery オブジェクトから foo 属性値を取得します。 •$.data('foo', 'world') は、ビュー タグの data-foo 属性ではなく、Jquery オブジェクトの 'foo' 属性に文字列 'world' を挿入します。

上記のコードと説明を組み合わせると、誰でも 2 つの違いを理解できるはずです。

概要

したがって、$.attr() と $.data() は混合使用を避ける必要があります。つまり、次の 2 つの状況は可能な限り回避する必要があります。 1. $.attr() を使用して属性を設定し、$.data() を使用して属性値を取得します。 2. $.data() を使用して属性を設定し、$.attr() を使用して属性値を取得します。

同時に、パフォーマンスの観点から、set 操作と get 操作には $.data() を使用することをお勧めします。これは、Jquey オブジェクトの属性値を変更するだけであり、追加の

DOM 操作

が発生しないためです。

この記事の事例を読んだ後、あなたはその方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

jQueryは、マウスホイールで画像のズームサイズを操作します

jQueryは、トップに戻る機能を実装します

jQueryは、Webページの一番下までブラウズするかどうかを決定します

以上が.attr() と .data() の違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。