ホームページ > 記事 > ウェブフロントエンド > jqueryの要素にCSSスタイルを設定する方法
jqueryの要素にCSSスタイルを設定する方法
- 青灯夜游オリジナル
- 2021-10-12 16:41:409477ブラウズ
設定方法: 1. css() メソッド、構文 "$(selector).css("属性名", "属性値")" を使用します; 2. attr() メソッド、構文を使用します。構文「$( selector).attr("style","属性名 1: 属性値 1; 属性名 2: 属性値 3;...")」。
このチュートリアルの動作環境: Windows7 システム、jquery1.7.2 バージョン、Dell G3 コンピューター。
方法 1: css() メソッドを使用する
css() メソッドは、一致する要素の 1 つ以上のスタイル属性を設定できます。構文:
$(selector).css("属性名", "属性值")例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
</head>
<body>
<div id="dome">欢迎来到PHP中文网！</div>
<script type="text/javascript">
$("#dome").css("color", "red");
</script>
</body>
</html>レンダリング:
方法 2: attr() メソッドを使用する
attr() メソッドは、選択した要素の属性値を設定または返します。文法:
$(selector).attr("style","属性名1:属性值1;属性名2:属性值3;...")例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
</head>
<body>
<div id="dome">欢迎来到PHP中文网！</div>
<script type="text/javascript">
$("#dome").attr("style", "color:pink;");
</script>
</body>
</html>レンダリング:
関連ビデオ チュートリアルの推奨事項: jQuery チュートリアル# # ＃（ビデオ）＃＃＃
以上がjqueryの要素にCSSスタイルを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。