Nhấn
CTRL + SPACE
để xem gợi ý code
Xem kết quả
Classes trong Jquery
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Học jquery</title> </head> <style> .banner-red{ background-color: orange; } .banner-yellow{ background-color: yellow; } </style> <body> <p class="">Chào Bạn đã đến với website </p> <p class="pri">Chào Bạn đã đến với website </p> <p class="">Chào Bạn đã đến với website </p> <button onclick="action()">Click</button> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript"> function action(){ $('p').toggleClass(function(){ if($(this).attr('class').indexOf('pri') != -1){ return 'banner-red'; } else { return 'banner-yellow'; } }); } </script> </body> </html>
