码迷,mamicode.com
首页 > Web开发 > 详细

ASP.NET动态网站制作(11)-- JQ(3)

时间:2015-10-13 13:44:09      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:

前言:这节课主要是讲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()是显示和隐藏交替执行。   

后记:下节课接着讲,复习,预习,练习。

ASP.NET动态网站制作(11)-- JQ(3)

标签:

原文地址:http://www.cnblogs.com/zoe-yan/p/4873133.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!