[jQuery] prop - Attributes

$('#btn0').click(function(){
  $('#input0').val( $('#rect0').prop('id') );
});

.prop( attributeName:string ) return value(string)
属性を取得する。

id属性 = rect

属性を取得する

$('#btn1').click(function(){
  $('#rect1').prop( 'class', 'green' );
});

.prop( attributeName:string, value:string )
属性を設定する。

属性を設定する

$('#btn2').click(function(){
  $('#rect2').prop( {
    'class':'green',
    'title':'タイトル'
  } );
});

.prop( attributes:object )
属性を設定する。

属性を設定する

$('#btn3').click(function(){
  $('#rect3').prop( 'title', function(index){
    return 'index : ' + index;
  } );
});

.prop( attributeName:string, function(index,val):function )
属性を設定する。

属性を設定する