jqueryはCSSを通じてWebページの背景色を変更しますmethod_jquery

いくつかの Web サイト、特に小説 Web サイトを閲覧すると、ページの背景色を変更する場所が表示されます。この機能は jquery を使用して簡単に実装できます。

レンダリング:

コードを表示:

コードをコピー コードは次のとおりです。以下のように:

<タイトル>/タイトル>
<スクリプトsrc="jquery-1.11.1.min.js">


< ボディ>
<ボタン スタイル="背景色:白" 値="白">/ボタン>
ボタン スタイル="背景色:赤" 値="赤"> ;赤
green
黄

$("ボタン") click(
function()
{
var color = this.value;
$("body").css("background-color",color);
}
)




まず要素名に基づいて操作したいオブジェクトを選択します: button、次に click メソッドを使用して検索します。クリックされたボタンを取得し、トリガーされたイベントからボタンの対応する色の値を取得し、css() メソッドを介してその色の値をbackground-color の属性値として渡します。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。