jquery控制css样式的详细方法 | 胡鹏博客
首页 > CSS样式 > jquery控制css样式的详细方法
2013五月6

jquery控制css样式的详细方法

在我们实际网站建设或者软件开发的过程中要实现某种特效,用jquery控制css样式那是不二的简单方法。那么,我们为定义好的css样式可以调用元素的css方法添加样式有哪些呢?在胡鹏博客中方法介绍如下:

jquery
$("span").css("css属性名","属性值")
如  $("span").css("color","red") 将标签为span的字体都设为红色的
$("#idname")表示获取id为idname的标签
$(".name") 表示获取class为name的标签
$("span")  表示获取span的标签
另外我们来看一下常用的jquery操作css样式的实际例子
对标签<span class="cccc"></span>进行相关的jquery操作。
1、$('.cccc').css("样式"):获得样式值,比如$(".cccc").css("color")  获得cccc中字体的颜色
2、$('.cccc').css("样式","value"):为样式赋值,如$(."cccc").css("color","red");
3、$('.cccc').addClass("样式类名1,样式类名2,样式类名3"):可以添加多个定义好的样式类
4、$('.cccc').hasClass("样式类名"):判断是否存在该样式
5、$('.cccc').toggleClass("样式类名"):如果存在(不存在)就切换(删除)样式
6、$('.cccc').toggleClass("样式类名",swith):如果swith为false,则删除样式,如果swith为true,则切换成该类
7、$('.cccc').removeClass("样式类名"):移除样式类
8、$('.cccc').css({样式名:"value",样式名:"value",样式名:"value"}):可以多次添加样式

看了这些代码,我们也可以根据上面的英文单词就可以理解它的用法,当然我们能够记下来最好,记不下来也没有关系,找找资料也就很容易实现了。

更多

文章作者:东莞seo
本文链接地址:http://www.seostudying.com/1423.html
欢迎转载,转载请注明出处»胡鹏博客 [jquery控制css样式的详细方法]

本文目前尚无任何评论.
您必须在 登录 后才能发布评论.