JQuery CSS样式控制 学习笔记_jquery

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{
    颜色:#0C9;}
.test2{
    颜色:红色;}




    $(function(){
             var count = 2;
             $("#aAdd").click(function(){
                    $(    "#testDIV").addClass("test1" );
                })
             $("#aRemove").click(function(){
                    $(    "#testDIV").removeClass("test1");
                })
$("#aToggle1").click(function(){
                    $(    "#testDIV").toggleClass("test2");
                })
             $("#aToggle2").单击（ function(){
                    $(    "#testDIV").toggleClass("test2",count % 3 == 0 );
                })
        $("#aCSS1").click(function() {
            $("#testDIV").css({background:"red"}).css("color","white");
        })

    })



<身体>

我会改变颜色哦

添加样式
去除样式
改变样式
多点几下变样式>
变色