クラスを削除してjqueryでクラスを追加しよう

Question

iframeのサイズを変更しようとして問題が発生しています。私はクラスを追加したり削除したりして、より幅広く小さくすることができるようにしたいと考えています。何らかの理由でクラスを追加することさえできません。助言がありますか？

$(document).ready(
 
    $('#resize').onclick(function() { 
 
    $('.frame_wrap').addclass('test'); 
 
    }) 
 
)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="preview_site"> 
 
    <div class="preview_wrap"> 
 
    <iframe class="frame_wrap" src="https://www.bdanzer.com"></iframe> 
 
    </div> 
 
</div> 
 

 
<button id="resize">Button</button>

http://jsfiddle.net/fesye0mu/3/

Answer 1

へaddClass

変更する必要がありますあなたはfunction$(document).ready()にを渡す必要があります。

addclassは、addClass、大文字のCである必要があります。

onclickはちょうどclick jQueryのである：

$(document).ready(function() { 
 
    $('#resize').click(function() { 
 
    $('.frame_wrap').addClass('test'); 
 
    }) 
 
});

.test { 
 
    border: 5px solid blue; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div id="preview_site"> 
 
    <div class="preview_wrap"> 
 
    <iframe class="frame_wrap" src="https://www.bdanzer.com"></iframe> 
 
    </div> 
 
</div> 
 

 
<button id="resize">Button</button>

Answer 2

onclickなどの機能は、それがclick(function(){})またはon('click', function(){})でなければなりませんjquery

ではありません。またaddclassが

$(document).ready(
    $('#resize').click(function() { 
    $('.frame_wrap').addClass('test'); 
    }) 
) 

Answer 3

それは大文字と小文字が区別されますので、あなたが代わりにaddclassのaddClass（）を使用する必要があります。