Demo hàm addclass và removeclass trong jquery
RUN
<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script language="javascript" src="http://code.jquery.com/jquery-2.0.0.min.js"></script> <style> .active{ border: solid 1px; color:red; padding: 10px; } </style> </head> <body> <h1 style="font-style: initial">Xin chào các bạn</h1> <input type="button" id="addclass-button" value="$.addClass('active')" /> <input type="button" id="removeclass-button" value="$.removeClass('active')" /> <script language="javascript"> // Sự kiện onload trong jquery $(document).ready(function() { // addClass $('#addclass-button').click(function(){ // Thêm class active vào thẻ h1 $('h1').addClass('active'); }); // removeClass $('#removeclass-button').click(function(){ // Xóa class active ra khỏi thẻ h1 $('h1').removeClass('active'); }); }); </script> </body> </html>
PHÓNG TO