jquery_css

jquery中的css操作

//使用addClass来添加样式最方便

$(".one").addClass("back color_red")

//使用removeClass来移除样式

$(".one").removeClass("back")

//有类就删除,没类就添加

$(".one").toggleClass("back")

//获取样式

console.log($(.one).css("width")); //获取width

console.log($(.one).css("height")); //获取height

console.log($(.one).css("background-color")); //获取background-color

//返回一个包含指定属性的对象

console,log($(.one).css(["width","height","background-color"]))

//jquery的链式调用

jquery中的方法每次都返回一个符合条件的jquery对象本身

console.log($(".one").addClass("back").css("color","red").css(["width","height"."background-color"]));

等价于以上代码

    console.log($(".one"));
    console.log($(".one").addClass("back"));
    console.log($(".one").css("color", "red"));
    console.log($(".one").css(["width", "height", "background-color"]));