jQuery リンクをクリックした時の背景色を変更するサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
jQuery 3.6.0
構文
$(セレクター名).addClass(CSSのクラス名);
addClassメソッドで指定のCSSを追加しています
使用例
<!DOCTYPE html> <html> <head> <style> .bkcolor { background-color: LightSkyBlue; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> $(document).ready(function(){ $(".kk a").click(function () { $(".kk").addClass("bkcolor"); }); }); </script> </head> <body> <div class="kk"> <a href="#" >変更</a></div> </body> </html>
結果
文字「変更」リンクをクリックすると、リンクの背景色が「LightSkyBlue」に変わります。