jsにCSSスタイルを追加する方法

js に CSS スタイルを追加する方法: 1. "$("span").css("css 属性名", "属性値")" を通じてスタイルを追加します; 2. "addClass()" を通してCSSスタイルを追加するメソッドです。

#この記事の動作環境: Windows7 システム、jquery3.2.1&&css3 バージョン、Dell G3 コンピューター。

js は css スタイルを追加します:

jquery は css3 をサポートしており、多くのブラウザーとの互換性が高いため、jquery を通じて css スタイルを使用することをお勧めします。

• js add css style メソッド

CSS スタイルが定義されていない場合は、要素の css() メソッドを呼び出してスタイルを追加できます。

$("span").css("css属性名","属性值")

例: スパンというラベルの付いたフォントを赤に設定します。

$("span").css("color","red")

定義された CSS スタイルの場合は、

<style type="text/css">
   .aa {
        border:1px solid red;
    }
</style>
  
$("#txtName").addClass("aa");
<input id="txtName"type="text"value="请输入你的姓名"/>

# # などの addClass() メソッドを通じて追加できます。

#CSS スタイルの操作方法:

• 1、.css("样式")：获得样式值，比如$("input").css("color") 获得input中字体的颜色
  2、.css("样式","value"):为样式赋值，如$("input").css("color","red");
  3、.addClass("样式类1,样式类2,样式类3"):可以添加多个定义好的样式类
  4、.hasClass("样式类类")：判断是否存在该样式
  5、.toggleClass("样式类")：如果存在(不存在)就切换(删除)样式
  6、.toggleClass("样式类",swith):如果swith为false，则删除样式，如果swith为true，则切换成该类
  7、removeClass("样式类")：移除样式类
  8、.css({样式名:"value",样式名:"value",样式名:"value"}):可以多次添加样式

推奨学習: 「

javascript Advanced Tutorial

」

以上がjsにCSSスタイルを追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。