最終更新日:2019年09月25日jQueryのattr()メソッドは要素に指定された属性を追加する事ができるメソッドです。jQuery初心者向けに簡単なサンプルコードと共に解説します。attr()メソッドで属性を追加する方法jQueryの「attr()メソッド」の基本書式は以下の通りです。●attr()メソッドの基本書式$("セレクター").attr("属性名")HTMLにの属性を追加する「attr()メソッド」の使い方について、実際のサンプルコードで動作を確認してみましょう。「jQuery_Sample1.html」をコピーして、任意の場所に保存して下さい。height="150px"><br></div></body></html>--------------------画像タグに属性として設定されているサイズは、横幅(width)が200px、高さ(height)が150pxになります。jqueryの「attrメソッド」で横幅を400pxに変更してみます。サンプルコードのボタンをクリックすると、画像の横幅が400pxになりますので確認してみて下さい。「attr()メソッド」を使って、複数の属性を追加してみましょう。サンプルコードの「jQuery_Sample2.html」をコピーして、任意の場所に保存して下さい。}」を使って属性を複数指定します。"300"}」の二つの属性を引数として渡していますので、ボタンをクリックすると画像のサイズが縦横ともに大きくなります。「attr()メソッド」を使って、特定の要素に属性を追加する事ができます。サンプルコードの「jQuery_Sample3.html」をコピーして、任意の場所に保存して下さい。{font-size:30px;}</style></head><body><button>クリックして下さい</button><br><div><p>最初の段落です。</p><p>デフォルトのフォントサイズです。</p></div></body></html>--------------------サンプルのHTMLには段落要素が二つあります。最初の段落にのみ属性を追加する場合は、attrメソッドのセレクターに「"p:first"」を指定します。ボタンをクリックすると、最初の段落のテキスト「最初の段落です。」のフォントサイズが30pxになります。渋谷区Tweetおすすめ記事jQueryのapendToメソッドでHTML要素を追加・移動する方法jQueryのapendToメソッドでHTML要素を追加・移動する方法jQueryのappendTo()メソッドを使ってHTMLの特定要素の後ろにコンテンツを追加する事ができます。jQuery...jQuery入門~導入から基本の使い方まで~jQuery入門~導入から基本の使い方まで~JavaScriptライブラリの「jQuery」の導入方法から使い方まで、jQuery初心者向けに、簡単なサンプルコー...jQueryのprependメソッドで要素を追加する方法jQueryのprependメソッドで要素を追加する方法コンテンツをHTML要素に追加するjQueryのprepend()メソッドの使い方を確認してみましょう。コーダーを募集します。運営会社|サイトマップ|利用規約|プライバシーポリシー|お問い合わせ|企業担当者様へインターノウスのプロエンジニアでは、ITエンジニア・IT技術者の上流工程求人や、転職・キャリアアップ情報を発信しています。プログラマ、SE、ネットワークエンジニア、ITコンサルなど上流、プロジェクトマネジメントを目指す全てのITエンジニアをサポートします。reserved.無料キャリア相談をする未経験からエンジニアを目指す。