jqueryですべてのクラス名を置き換える方法-jsチュートリアル-php.cn

jqueryですべてのクラス名を置き換える方法

WBOY

リリース： 2021-12-13 17:27:15

オリジナル

3342 人が閲覧しました

メソッド: 1. 要素のすべてのクラス名を削除するには、removeClass() メソッドを使用します。構文は、「element object.removeClass();」です。 2. addClass() メソッドを使用して、クラスを追加します。はい、構文は「element object.addClasss("新しいクラス名");」です。

jqueryですべてのクラス名を置き換える方法

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery ですべてのクラス名を置き換える方法

jquery では、removeClass() メソッドを使用して要素のすべてのクラス名を削除できます。次に、addClass() メソッドを使用して、置換するクラス名を追加します。

removeClass() メソッドは、選択した要素から 1 つ以上のクラスを削除します。

注: パラメータが指定されていない場合、このメソッドは選択した要素からすべてのクラスを削除します。

addClass() メソッドは、選択した要素に 1 つ以上のクラスを追加します。

このメソッドは既存のクラス属性を削除しませんが、1 つ以上のクラス属性を追加するだけです。

ヒント: 複数のクラスを追加する必要がある場合は、スペースを使用してクラス名を区切ってください。

例は次のとおりです:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".anniu1").click(function(){
    $("p").removeClass();
  });
    $(".anniu2").click(function(){
    $("p").addClass("intro2");
  });
});
</script>
<style type="text/css">
.intro1{
font-size:120%;
color:red;
}
.intro2{
font-size:200%;
color:pink;
}
</style>
</head>
<body>
<p class="intro1">This is a paragraph.</p>
<button class="anniu1">删除类</button>
<button class="anniu2">增加类</button>
</body>
</html>

ログイン後にコピー

出力結果:

jqueryですべてのクラス名を置き換える方法