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

jQuery样式操作

时间:2015-01-02 22:16:29      阅读:427      评论:0      收藏:0      [点我收藏+]

标签:

1、attr()方法获取和设置元素的class

  用法: 获取 $("element").attr("class");

  设置 $("element").attr("class", "newClass");

2、addClass()方法设置元素的class

  用法: $("elemeent").addClass("newClassName");

  二者在设置class的区别是addClass可以追加className而attr()是替换原来的className。

3、removeClass()方法移除className

  用法: $("element").removeClass(" ");没有参数就是移除所有的,参数可以有1个或多个。

4、toggleClass() 切换样式

  一般用在通过click事件控制元素切换样式。

5、.hasClass()判断元素是否含有某个样式,如果有,返回true,否则返回false。

  $("element").hasClass("className");  等价于jQuery另外一种判断方法   $("element").is(".className");

 

既然用到了样式操作,那么方便点的直接操作style属性在jQuery中使用.css()

操作单个css属性写法: $("element").css("name", "value");

操作多个css属性写法: $("element").css({

  "name1": "value1",

  "name2": "value2"

});

注: 这里属性名可以使用"-"符号比如"font-size"或者使用驼峰式写法"fontSize"。

 

jQuery样式操作

标签:

原文地址:http://www.cnblogs.com/wanbi/p/4198865.html

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