JavaScriptのattrは何を意味しますか-フロントエンドQ&A-php.cn

ホームページ

ウェブフロントエンド

フロントエンドQ&A

JavaScriptのattrは何を意味しますか

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Feb 08, 2022 am 11:14 AM

htmljavascriptフロントエンド

JavaScript における attr は、選択された要素の属性値を設定または返すことができる属性操作メソッドです。構文は "$(selector).attr(attribute)" または "$(selector) " です。 attr(属性,値)」。

JavaScriptのattrは何を意味しますか

このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

javascript における attr の意味

attr() メソッドは、選択した要素の属性値を設定または返します。

選択した要素の属性値を返します。

Syntax

$(selector).attr(attribute)

attribute は、値を取得する属性を指定します。

選択した要素の属性と値を設定します。

Syntax

$(selector).attr(attribute,value)

attribute は属性の名前を指定します。

value 属性の値を指定します。

選択した要素の属性と値を設定します。

$(selector).attr(attribute,function(index,oldvalue))

attribute は属性の名前を指定します。

function(index,oldvalue) は、属性値を返す関数を指定します。

この関数は、セレクターのインデックス値と現在の属性値を受け取って使用できます。

選択した要素に複数の属性と値を設定します。

構文

$(selector).attr({attribute:value, attribute:value ...})

attribute:value 1 つ以上の属性と値のペアを指定します。

例は次のとおりです。

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("img").attr("width",function(n,v){
      return v-50;
    });
  });
});
</script>
</head>
<body>
<img  src="/static/imghwm/default1.png"  data-src="/i/eg_smile.gif"  class="lazy"      style="max-width:90%"  style="max-width:90%" / alt="JavaScriptのattrは何を意味しますか" >
<br />
<button>减少图像的宽度 50 像素</button>
</body>
</html>

出力結果:

JavaScriptのattrは何を意味しますか

ボタンをクリックした後:

JavaScriptのattrは何を意味しますか

関連する推奨事項: JavaScript 学習チュートリアル

以上がJavaScriptのattrは何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

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

CSS：同じDOMで複数のIDを使用できますか？May 14, 2025 am 12:20 AM

いいえ、あなたはusemultipleidsinthemedom.1）idsmustbeuniqueperhtmlspecification、およびusingdusing cansistent browserbehavior.2）useclassesses forstylingmultipleElements、acturtorectorectorectorsectorgettributeurutuureのuseclasses forstyling forstyling forstyling forstyling forstyling forstyling rassess for -destendertantertorectorsutortortortruture

HTML5の目的：より強力でアクセス可能なWebを作成するMay 14, 2025 am 12:18 AM

html5aimstoenhancewebcapability、makingmoredynamic、interactive、およびaccessible.1）itupportsmultimediaelementslikeand、排除、2）semanticelementionmentionmentionmentionimementsimementionimementsimementsimbrovecessibilityandcodereadability.3）

HTML5の重要な目標：Web開発とユーザーエクスペリエンスの向上May 14, 2025 am 12:18 AM

html5aimstoenhancewebdevelymentanduserexperiencetheTheTheTheTheTheTheTheTheTructure、multimedieingegration、およびperformanceImprovements.1）semanticelementslike like like ,, and and requrovedababilityandaccessibility.2）andTagsallowseamlessmultimediaemdiding withoutplugins.3）

HTML5：安全ですか？May 14, 2025 am 12:15 AM

html5isnotinherecureを使用しますが、featurescanleadtosecurityrisksifmisusedorimpremented.1）usetheSsandboxattribution controlembeddeddeddeddedentandPreventvulnerabilitieslikeclickjacking.2）

HTML5は、古いHTMLバージョンと比較して目標を達成しますMay 14, 2025 am 12:14 AM

html5aimedtoeenhancewebdevelopmentbyintroducingsmanticelements、nativemultimediasupport、改善、およびオフリンの実行可能性、対照、html.1）itintroductuedsemantictagslike、nattructurcturcurean desieand.2）

CSS：IDセレクターを使用するのは悪いですか？May 13, 2025 am 12:14 AM

IDセレクターを使用することは、CSSでは本質的に悪くはありませんが、注意して使用する必要があります。 1）IDセレクターは、一意の要素またはJavaScriptフックに適しています。 2）一般的なスタイルの場合、クラスセレクターはより柔軟で保守可能であるため、使用する必要があります。 IDとクラスの使用のバランスをとることにより、より堅牢で効率的なCSSアーキテクチャを実装できます。

HTML5：2024年の目標May 13, 2025 am 12:13 AM

HTML5'SGOALSIN2024FOCUSONREFINIMINGANDOPTIMIZATION、notnewfeatures.1）強化された拡張性と拡張効率化されたレンダリング.2）

HTML5が改善しようとした主な領域は何ですか？May 13, 2025 am 12:12 AM

html5aimed toemprovewebdevelymentinfourkeyareas：1）multimediasupport、2）セマンティクス構造、3）フォームキャピリティ、および4）offlineandstorageoptions.1）html5introduededelements、simplifiedediaembedingemencemanteddim.2）

See all articles