ホームページ  >  記事  >  ウェブフロントエンド  >  jquery 属性およびカスタム属性の操作: attr() および RemoveAttr()

jquery 属性およびカスタム属性の操作: attr() および RemoveAttr()

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

jquery属性とカスタム属性の操作:attr()とremoveAttr()

予備知識:reader、setter

1. パラメータの数に応じて、異なる関数を実行し、異なる値を返す関数がいくつかあります。 、関数のオーバーロードに似ています

2. パラメーターを渡し、読み取り操作 getter を実行し、reader/getter と呼ばれるパラメーターの現在の値を返します

3. 2 つのパラメーターを渡し、代入操作 Setter を実行します。現在のパラメータの値を変更するメソッドは、setter/modifier

と呼ばれます。 4. パラメータの数に基づいて操作の種類を決定するこの方法は、jQuery では非常に一般的です*/

1。 attr() : 要素の属性の取得と設定

パラメータを渡す必要があります

var res = $('img').attr()

単一のパラメータは取得するものです: 現在の属性の値

var res = $('#pic').attr('src')

2つのパラメータは取得するもので、最初のものは属性名で、2つ目は設定される新しい値

attr() は、リーダーとセッターを組み合わせた典型的な 2-in-1 メソッドであることがわかります

HTML5 では、要素のカスタム属性を取得できます。ユーザーは、data- プレフィックスを介してタグに追加できます。カスタム属性

$('#pic').attr('src', '../images/gyy.jpg') 
$('#pic').attr('style', 'border-radius: 50%;box-shadow:2px 2px 2px #888')

attr() の属性値は、コールバック関数

var res = $('#pic').attr('data-nation')

もサポートしています。注: コールバックによって返される数値型は、自動的に文字型に変換されます。次に幅属性に割り当てます

$('#pic').attr('width', function(){return 100+50})

2.removeAttr(): 要素の属性を削除します

画像のインラインスタイル属性スタイルを削除します

var res = $('#pic').attr('width')

複数の属性を削除し、スペースで区切ってステータスを返すことができます現在の要素

$('#pic').removeAttr('style')

コンソールで実行結果を表示

var res = $('#pic').removeAttr('alt title data-nation')

以上がjquery 属性およびカスタム属性の操作: attr() および RemoveAttr()の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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