Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery Selecting Elements with Multiple Classes</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(document).ready(function(){ // Apply background color to the elements if it has both classA and classB $(".classA.classB").css("background-color", "yellow"); }); </script> </head> <body> <p class="classA">Element with classA (won't match)</p> <p class="classA classB">Element with classA and classB (match)</p> <p class="classB">Element with classB (won't match)</p> <p class="classB classA">Element with classB and classA (match)</p> <p class="classD">Element with classD (won't match)</p> <p class="classA classD classB">Element with classA, classD and classB (match)</p> </body> </html>
