jquery要素の固有属性に対する操作: prop()およびremoveProp()-jsチュートリアル-php.cn

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

无忌哥哥

リリース： 2018-06-29 11:49:38

オリジナル

1714 人が閲覧しました

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 サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

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