<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../jquery-1.7.2.min.js"></script> <script> $(document).ready(function(){ $("#btn").bind("click",function(){ //$("p").addClass("selected");//전체 p태그에 selected 클래스 넣기 //$("p").addClass("selected").eq(0).addClass("highlight");//전체 p태그 중에서 젤 처음 것만 selecte 클래스와 highlight 클래스 넣기 //$("p").addClass("selected highlight");// 모든 p 태그에 selected 와 highlight 클래스 넣기 //$("p").css("color","red").css("font-weight","bold"); $("p").css({"color":"red","font-weight":"bold","background":"yellow"}); }); });
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../jquery-1.7.2.min.js"></script> <script> $(document).ready(function(){ $("#btn").bind("click",function(){ //$("p").removeClass("selected"); class가 selected 인 것 지우기 //$("p").removeClass("highlight"); class가 highlight 인 것 지우기 //$("p").removeClass("selected highlight"); //class가 selected과 highlight 인것 지우기 $("p").toggleClass("selected");//selected class가 있는 것 에는 selected class를 없애고 없는 것에는 selected class를 만들어 준다. }); });