ホームページ > 記事 > ウェブフロントエンド > jquery要素の固有属性に対する操作: prop()およびremoveProp()

jquery要素の固有属性に対する操作: prop()およびremoveProp()

无忌哥哥オリジナル: 2018-06-29 11:49:381715ブラウズ

jquery 要素の固有属性に対する操作: prop() および RemoveProp()

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2.元素固有属性的操作:prop()和removeProp()</title>
</head>
<body>
<img src="../images/fbb.jpg" width="200" alt="美女" title="明星" id="pic" data-nation="中国">
</body>

1.prop(): 要素の固有属性のみを取得できます

固有属性の alt、title を取得します

var res = $(&#39;#pic&#39;).prop(&#39;alt&#39;)
var res = $(&#39;#pic&#39;).prop(&#39;title&#39;)

カスタム属性 data-nation、未定義を返して

var res = $(&#39;#pic&#39;).prop(&#39;data-nation&#39;)

を取得できませんが、 prop() を使用してカスタム属性を動的に設定すると、通常は

var res = $(&#39;#pic&#39;).prop(&#39;data-nation&#39;,&#39;中国山东&#39;)

を取得できます。この時点で要素を確認すると、カスタム属性が取得されていないことがわかります。要素は効果がありません

この時点で再度表示されるカスタム属性値は、現在のスクリプトに存在する単なる一時的なデータです

var res = $(&#39;#pic&#39;).prop(&#39;data-nation&#39;)

2.removeProp()

このメソッドには 2 つの違いがありますfrom RemoveAttr():

1. スペースで区切られた属性リスト文字列はサポートされていません。つまり、一度に 1 つの属性しか削除できません

2. 本当に削除したい場合は、ネイティブ属性を削除できません。値を false に設定するだけです

そのため、このステートメントは無効です

var res = $(&#39;#pic&#39;).removeProp(&#39;alt data-nation&#39;)

カスタム属性 data-nation を削除します

var res = $(&#39;#pic&#39;).removeProp(&#39;data-nation&#39;)

ネイティブ属性 alt を削除します。削除は失敗しました

var res = $(&#39;#pic&#39;).removeProp(&#39;alt&#39;)

removeAttr を使用してください。 () でネイティブ属性 alt を削除すれば、削除は成功です

var res = $(&#39;#pic&#39;).removeAttr(&#39;alt&#39;)

なので、removeProp ()ネイティブ属性を削除したい場合は、ほとんどの場合、値を false に設定するだけです

最終的にはで処理されます。ユーザースクリプト

var res = $(&#39;#pic&#39;).prop(&#39;alt&#39;,false)
var res = $(&#39;#pic&#39;).prop(&#39;alt&#39;)

コンソールクエリ結果

console.log(res)

以上がjquery要素の固有属性に対する操作: prop()およびremoveProp()の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

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

前の記事：jquery 属性およびカスタム属性の操作: attr() および RemoveAttr()次の記事：jquery 属性およびカスタム属性の操作: attr() および RemoveAttr()

続きを見る