[jQuery]attrを使って指定した要素にクラスなどの属性を追加する方法

Javascriptスニペット

2013.10.262017.12.22

jQueryのattrメソッドを利用して、imgタグやul、liタグにクラスやIDなどの属性を付与する方法のまとめです。

要素に属性を付与する

まず最初に、imgタグに「class=thumb」を付与する方法です。

<script>
$(function(){
	$('img').attr('class','thumb');
});
</script>

$(function(){

$('img').attr('class','thumb');

});

</script>

今度はimg タグに「class=thumb」と「alt=イメージ画像です」の2つの属性を付与してみます。

<script>
$(function(){
    $('img').attr({
		class:'thumb',
		alt:'イメージ画像です'
	});
});
</script>

$(function(){

$('img').attr({

class:'thumb',

alt:'イメージ画像です'

});

</script>