JQuery : Satu Function Digunakan Oleh Beberapa Element

HTML

​x
 
<h1 class="element1">Hello World!</h1>
<h2 class="element2">Hello World!</h2>
<h3 class="element3">Hello World!</h3>
​
<button>Change Color</button>

CSS

Type CSS code here...xxxxxxxxxx
 
​

xxxxxxxxxx
 
$("button").click(function(){
    $(".element1, .element2, .element3").css("color", "red");
});

<!doctype html><html><head> <script src="https://raw.githack.com/albughisy7/BLOGGER/main/Jun_Kode/jQuery/jquery.min.js"></script> <style> *{color:#1d1e22; border-color:#1d1e22; background: transparent;/*#fefefe*/ scrollbar-width:thin; scrollbar-color: #d8d8d8 transparent}  input{border:1px solid; outline: none;} button{padding: 4px 8px} </style> </head><body> <h1 class="element1">Hello World!</h1>