JQuery CSS样式控制 学习笔记

jQuery 就不多说了，这是JS的一个函数库，比较常用，我们今天是就jQuery的三种用于css的操作进行总结
$(selector).css("name","value")
$(selector).css({properties})
$(selector).css(name)
$(selector).css("name","value")为所有元素给定CSS属性设置值：
下面看我刚写的代码
复制代码 代码如下:




对应的html我们可以写成

这段文字的背景变成红色的时候，大小也会变大两倍

点击这
看一下效果：


我们看看最后一个css(name)
这个用到地方比较少
看看实例
$(this).css("background-color");
实际就是返回"name"的属性值，基本用到地方比较少就不详细解释了。
jQuery Size是要单独列出来的
尺寸有两种参数：$(selector).height(value)和$(selector).width(value)
两者用法一样，下面就列出一个实例：
复制代码 代码如下:

这个p标签框的高度会变大到200px，同时宽度变成20px

点击这里将发生变化


以下是补充测试代码如下
复制代码 代码如下:






.test1{
    color:#0C9;}
.test2{
    color:red;}






我会变颜色哦
添样式
去除样式
变样式
多点几下变样式
变色



1.addClass(class)
描述：为选择的元素集合添加指定样式。
2.removeClass([class])
描述：为选择的元素集合删除指定样式。
3.toggleClass(class)
描述：替换选择的元素集合样式。备注下，如果当前元素的样子已经为class时，将会去除该样式，相当于addClass与removeClass的结合方法。
4.toggleClass(class, switch)
描述：与上一个方法类似，区别就是多加了个switch判断，当switch值为true时，对进行样式的改变
5.css(styleName,value)/css(styleName)/css({value})
描述：css(styleName,value)用于设置当前元素的styleName样式属性值为value，css(styleName)用于获取当前元素的styleName样式属性值，而css({value})而为另一种设置样式属性值的方法，具体用法参考例子^^，因为跟element.attr的用法类似所以在这就不详细说明了