試圖刪除一個類，並添加一個類與jquery

-1

我有問題試圖調整我的iframe。我希望能夠添加和刪除一個類，以便它可以變寬變小。出於某種原因，我甚至無法添加課程。有什麼建議麼？試圖刪除一個類，並添加一個類與jquery

$(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/

來源

2017-04-05 Bdanzer

嘗試使用正確的函數名稱'addClass'。案件事宜。另外，'onclick'應該是'click'。文件準備就緒後，您也沒有匿名功能。 – Arg0n

@ Arg0n你的意思是「文件準備中沒有匿名函數」？ – Bdanzer

看到我的解決方案和差異的答案。 – Arg0n

你需要傳遞一個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>

來源

2017-04-05 14:03:18 Arg0n

啊，是的課堂上的資本C是在那裏搞砸了我。如果我想檢查是否有語句，如果他的這個類然後刪除，或者如果它沒有這個類添加。那有意義嗎？ – Bdanzer

@Bananzer jQuery有一個'toggleClass'函數，它可以完成你想要的功能。 http://api.jquery.com/toggleclass/ – Arg0n

謝謝！工作！ – Bdanzer

沒有作爲onclick這樣的功能在jquery

應當click(function(){})或on('click', function(){})。此外addclass應該addClass

更改爲

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

來源

2017-04-05 14:02:33

您應該使用addClass（），而不是addclass，因爲它是區分大小寫。

來源

2017-04-05 14:03:42

試圖刪除一個類，並添加一個類與jquery

回答

相關問題