前言:这节课主要是讲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()是显示和隐藏交替执行。
后记:下节课接着讲,复习,预习,练习。