HOME > > > > >

.removeProp(propertyName)

attr()が属性の読み書きに対し、prop()は要素のプロパティの読み書きをする。両者の違いについてはattr()を参照。

prop( propertyName )

引数

propertyName
取得したいプロパティ名

戻り値

string
プロパティ値

サンプル

jQueryオブジェクトが保持している最初のDOM要素のpropertyNameで指定したプロパティ名のプロパティ値を取得する。

実行結果







Javascript

  1. $('.jqTest1 .execute1').click(function(e){
  2.     $(e.target).parent().find(':radio').each(function(){
  3.         if ($(this).prop('checked')) {
  4.             alert($(this).val());
  5.         }
  6.     });
  7. });
  8.  
  9. $('.jqTest1 .execute2').click(function(e){
  10.     $(e.target).parent().find(':radio').each(function(){
  11.         if ($(this).attr('checked')) {
  12.             alert($(this).val());
  13.         }
  14.     });
  15. });

HTML

  1.  
  2. <div class="jqTest1">
  3.     <input type="button" value="prop()" class="execute1 btn btn-execute" /> <input type="button" value="attr()" class="execute2 btn btn-execute2" /><br />
  4.     <label><input type="radio" name="team" value="鷹" checked="checked" /></label><br />
  5.     <label><input type="radio" name="team" value="公" /></label><br />
  6.     <label><input type="radio" name="team" value="猫" /></label><br />
  7.     <label><input type="radio" name="team" value="檻" /></label><br />
  8.     <label><input type="radio" name="team" value="鷲" /></label><br />
  9.     <label><input type="radio" name="team" value="鴎" /></label>
  10. </div>
  11.  

.prop( propertyName, value )

引数

propertyName
設定したいプロパティ名

戻り値

jQuery
jQueryオブジェクト

サンプル

jQueryオブジェクトが保持しているDOM要素にプロパティを設定する。

実行結果







Javascript

  1. $('.jqTest2 .execute1').click(function(e){
  2.     $(e.target).parent().find(':radio').prop('disabled', true);
  3. });
  4.  
  5. $('.jqTest2 .execute2').click(function(e){
  6.     $(e.target).parent().find(':radio').prop('disabled', false);
  7. });

HTML

  1.  
  2. <form class="jqTest2">
  3.     <input type="button" value="決定" class="execute1 btn btn-execute" /> <input type="button" value="解除" class="execute2 btn btn-execute2" /><br />
  4.     <label><input type="radio" name="team" value="鷹" checked="checked" /></label><br />
  5.     <label><input type="radio" name="team" value="公" /></label><br />
  6.     <label><input type="radio" name="team" value="猫" /></label><br />
  7.     <label><input type="radio" name="team" value="檻" /></label><br />
  8.     <label><input type="radio" name="team" value="鷲" /></label><br />
  9.     <label><input type="radio" name="team" value="鴎" /></label>
  10. </form>
  11.  

.prop( map )

引数

(object)map
{プロパティ: プロパティ値, プロパティ: プロパティ値, ...}のようなハッシュを渡すとまとめて設定できる。

.prop( propertyName, function(index, oldPropertyValue) )

functionの戻り値がプロパティ値として設定される。