jQuery .prop() と .attr(): 各メソッドをいつ使用する必要がありますか?

jQuery .prop() と .attr()

jQuery 1.6 では新しい prop() メソッドが導入されました。これにより、そのメソッドについていくつかの疑問が生じました。既存の attr() メソッドと比較した使用法。

いつ使用するか.prop()

一般に、次の理由により、attr() よりも prop() を優先する必要があります。

• 精度: prop( ) は DOM 要素の実際のプロパティを取得し、attr() は属性を取得します。属性は、DOM 要素の現在の状態を常に反映するとは限りません。 element.
• 型の認識: prop() はプロパティ値を正しい型 (チェックされた場合のブール値など) で返しますが、attr() は常に文字列を返します。
• 明確さ: prop() はどのプロパティであるかをより明確にしますaccessing.

いつ .attr() を使用するか

attr() は、特定の状況では依然として役立ちます:

• カスタム属性: attr() は、 DOM.
• ブール属性: 一部のブール属性 (チェック済みなど) では、prop() は現在の状態を反映し、attr() はデフォルト値を反映します (ただし、jQuery 1.6. 1 attr() をブール値の古い動作に戻しました

属性とプロパティの動作の違い

属性とプロパティの主な違いは、属性は HTML マークアップに格納されるのに対し、プロパティは HTML マークアップに格納されることです。ブラウザによって動的に計算されます。これにより、次のような特定の場合に不一致が生じる可能性があります。

• 入力値とチェックされた状態: 値とチェックされたプロパティは入力要素の現在の状態を表し、対応するプロパティは入力要素の現在の状態を表します。属性 (値およびチェック済み) は、デフォルトまたは初期状態を表します。
• Style: style プロパティは、次のオブジェクトです。には CSS プロパティが含まれていますが、style 属性はインライン CSS の文字列表現です。

既存のコードへの影響

attr() のすべてのインスタンスを次のものに置き換えます。 jQuery 1.6 の prop() は通常動作します。ただし、デフォルトの状態を反映するために以前は attr() に依存していたブール属性を手動で処理する必要がある場合があります。

以上がjQuery .prop() と .attr(): 各メソッドをいつ使用する必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。