Class Selector (“.class”)
RUN
<!DOCTYPE html> <html> <head> <title>Đổi màu nhé</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script language="javascript" src="https://code.jquery.com/jquery-2.0.0.min.js"></script> <style> body{ margin: 20px; } a{display: block; border:solid 1px blue; padding: 5px; height: 30px; line-height: 30px; text-decoration: none; margin-bottom: 20px} .selected { border: solid 1px; color: white; background: blue } </style> <script language="javascript"> $(document).ready(function() { $('#button').click(function() { // Tất cả các thẻ được thêm vào class selected $('.freetuts').addClass('selected'); }); }); </script> </head> <body> <a href="#" id="freetuts">id = freetuts</a> <a href="#" class="freetuts">class=freetuts</a> <a href="#">Không có id, không có class</a> <a href="#" class="freetuts">Class=freetuts</a> <button id="button">Kiểm tra</button> </body> </html>
PHÓNG TO