ホームページ > 記事 > ウェブフロントエンド > jquery 属性およびカスタム属性の操作: attr() および RemoveAttr()
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 サイトの他の関連記事を参照してください。