コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryでCSSスタイルを変更する方法

jqueryでCSSスタイルを変更する方法

青灯夜游
リリース： 2023-01-05 16:12:29
オリジナル
3570 人が閲覧しました

CSS スタイルを変更する Jquery メソッド: 最初に "$()" を使用して HTML 要素ノードを取得し、次に css() メソッドを使用して CSS スタイルを変更します。具体的な構文は "$("selector ").css(" 属性名","プロパティ値");"。

jqueryでCSSスタイルを変更する方法

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

jquery では、css() メソッドを使用して CSS スタイルを変更できます。

css() メソッドは、選択された要素の 1 つ以上のスタイル属性を設定または返します。

基本的な構文は次のとおりです

$(‘选择器’).css('属性名称','属性值');
ログイン後にコピー

例:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
    <script>
      $(function() {
        $(".big").css("font-size", "30px");
        $("#color").css("color", "red");
      });
    </script>
  </head>
  <body>
    <ul>
      <li class="big">测试文本</li>
      <li>测试文本</li>
      <li id="color">测试文本</li>
      <li>测试文本</li>
    </ul>
  </body>
</html>
ログイン後にコピー

レンダリング:

jqueryでCSSスタイルを変更する方法

# #関連の推奨ビデオ チュートリアル:

jQuery チュートリアル (ビデオ)

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

関連ラベル：
css jquery
前の記事：JavaScript配列の先頭に要素を追加する3つの方法を詳しく解説 次の記事：jqueryがCSSを操作して色を設定する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
jQueryファイルをインポートする
から 1970-01-01 08:00:00
0
0
0
jQueryのプロトタイプチェーン
から 1970-01-01 08:00:00
0
0
0
jquery ノートはどこでダウンロードできますか?
から 1970-01-01 08:00:00
0
0
0
Nuxt.js に jQuery をインストールする手順
から 1970-01-01 08:00:00
0
0
0
php+jqueryの問題
から 1970-01-01 08:00:00
0
0
0
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート