ASP.NET动态网站制作（11）-- JQ（3）

前言：这节课主要是讲CSS作业，然后继续讲jQuery。

内容：

　　1.css作业讲解。

　　2.jq设置元素样式：

　　  （1）添加、删除css类别：$("div").addClass("myClass1 myClass2");$("div").removeClass("myClass1");

　　  （2）类间动态切换：

1 $(function(){
2     $("p").click(function(){
3         $(this).toggleClass("highlight");//点击时不断切换
4     });
5 });

　　  说明：toggleClass只能设置一种Class而不能设置多个。

　　  （3）直接获取、设置样式：

1 $("p").mouseover(function(){
2     $(this).css("color","red");
3 });
4
5 $("p").mouseout(function(){
6     $(this).css("color","black");
7 });

　　     mouseover()表示鼠标移上去之后； mouseout()表示鼠标移走之后。

　　　　hover(function(){$("d1").hide(1000)},function(){$("d1").show(1000)});两个function分别表示鼠标移上去之后和鼠标移走之后，可以代替上面的mouseover()和mouseout()。

　　　　toggle()是显示和隐藏交替执行。　

后记：下节课接着讲，复习，预习，练习。