attr()-jQueryメソッド

jQuery

スポンサードリンク

スポンサードリンク

attr()メソッド構文1

構文

attr(属性名);

attr()メソッド構文1の詳細

処理内容

HTML要素の属性値を取得する。
※jQueryオブジェクトは返らない。

引数

属性名

attr()メソッド構文2

構文attr(‘属性名’,値);

attr()メソッド構文2の詳細

処理内容

HTML要素の属性値を取得し、設定する。
※jQueryオブジェクトが返る。

引数

引数1:属性名
引数2:値

 

attr()メソッドを使ったコード例

HTML

<button class="olive button1">button1 olive</button>
</br>
<button class="olive button2">button2 olive</button>

CSS

button{
  width:300px;
  height:60px;
}
.olive{
  background-color:olive;
}
.orange{
  background-color:orange;
}

jQuery

var $arg = $('button.button1').attr('class');
document.write($arg + ';');
var $arg2 = $('button.button2').attr('class','orange');
document.write($arg2[0]);

コード

See the Pen
attr()
by roymoy (@roymoy)
on CodePen.

JavaScript・jQueryのおすすめの本

発売日:2018/6/8

JavaScriptの初級向けの本です。基本をわかりやすく丁寧に解説してくれてます。まず第一歩はこちらからの本から。

本当によくわかるJavaScriptの教科書 はじめての人も、挫折した人も、基礎力が必ず身に付く

発売日:2015/12/16

30のLesson形式で実践的なコードを身につける事ができます。図解もあるので大変読みやすいです。jQueryをコードを書きながら覚えたい方におすすめです。

jQuery標準デザイン講座

発売日:2013/11/26

jQueryの基本から実践をわかりやすく解説してくれる良著です。jQueryのリファレンスからそのままサイトで使えるコードを身につけることができます。

jQuery最高の教科書

スポンサードリンク

スポンサードリンク