上のdivクラスを削除します。は私がページの読み込みにクラスを削除したいのdiv</p> <pre><code><div id="commonConsultationPopup" class="overlayPopup"></div> </code></pre> <p>を持っているページの読み込み
$(document).ready(function() {
$("#commonConsultationPopup").removeClass("overlayPopup");
});
をしかし、その動作していない：
私が試してみました。
これを試してみてください：
$(document).ready(function() {
$("#commonConsultationPopup").removeClass();
});
しかし、 divからすべてのクラスを削除します。
ありがとうございました。私の場合、すべてのクラスを削除しても問題ありません。 – Abhay
私は、この機能が自分の考えていることを信じていません。マニュアルから：
removeclass（クラス名）
型：String
つ以上のスペースで区切られたクラスは、各一致要素の> class属性から削除します。
このマニュアルでは、クラス属性からクラスが削除されることに注意してください。 ではなく、要素全体が削除されることを示すの状態です。
div全体を削除する場合は、.remove()が機能します。これを使用するには、ファインダを使用してdivを検索し（おそらくクラス名で？）、remove()を呼び出します。
は、このコード
<html>
<head>
<script type = "text/javascript"
src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type = "text/javascript" language = "javascript">
$(document).ready(function() {
$("#commonConsultationPopup").removeClass("overlayPopup");
});
</script>
</head>
<body>
<div id="commonConsultationPopup" class="overlayPopup"></div>
</body>
</html>
を試してみて、ソースを表示しないでください
を引き起こします。 Firebugなどのコンテンツを表示する。
これはJSドキュメント準備使用上のクラスを削除するには：
jQuery(document).ready(function() {
$("#commonConsultationPopup").removeClass("overlayPopup");
});
を代わりにこのウィンドウ負荷用途に要素からクラスを削除するには：
：ここjQuery(window).load(function() {
$("#commonConsultationPopup").removeClass("overlayPopup");
});
は完全なコードです
<!DOCTYPE html>
<html>
<head>
<title>Remove class example</title>
<!-- We are using jQuery 3.1.0 -->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<!-- You can also use jQuery 12.1.4 like this -->
<!-- <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script> -->
</head>
<body>
<div class="overlayPopup" id="commonConsultationPopup"></div>
<script type="text/javascript">
// Use this if you want to wait for the page to be ready:
jQuery(document).ready(function($) {
$("#commonConsultationPopup").removeClass("overlayPopup");
});
// Use this instead if you want to wait for the page to load:
// jQuery(window).load(function() {
// $("#commonConsultationPopup").removeClass("overlayPopup");
// });
</script>
</body>
</html>
幸運と最高です。
コード100％仕事色が赤くならない場合は、こちらのデモをご覧ください。それはクラスが削除されたことを意味しません。 F12を押して、コードを調べてコードを確認することもできます。
あなたのJS
$(document).ready(function() {
$('#commonConsultationPopup').removeClass('overlayPopup');
});.overlayPopup{
color:red;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="commonConsultationPopup" class="overlayPopup"> The class removed </div>HTML
<div id="commonConsultationPopup" class="overlayPopup">test</div>
JS
jQuery(document).ready(function() {
jQuery("#commonConsultationPopup").removeClass("overlayPopup");
});
jQuery libがロードされていますか？ –
はい、ロードされています。 – Abhay
コンソールにエラーがありますか？ –