Hexo

文本主要内容

样式和类操作
节点操作

样式操作和类操作

作用：设置或获取元素的样式属性值。

样式操作

1、设置样式：


  //设置单个样式：  css(属性，值);
  $("div").css("background-color","red");

  //设置多个样式：  css(json);
$("div").css({"width":100,"height":100,"background-color":"pink"});

2、获取样式：

1
2
3

//获取样式：css(属性);
//获取的时候如果有很多个，那么获取jquery对象中的第一个
alert($("div").css("width"));

举例如下：

类操作（className）

1、添加类样式：

1	$(selector).addClass("liItem"); //为指定元素添加类className

注意：此处类名不带点，所有类操作的方法类名都不带点。

2、移除类样式：

1 2	$(selector).removeClass("liItem"); //为指定元素移除类 className $(selector).removeClass(); //不指定参数，表示移除被选中元素的所有类

3、判断有没有类样式：

1	$(selector).hasClass("liItem"); //判断指定元素是否包含类 className

此时，会返回true或false。jquery对象中，只要有一个带有指定类名的就是true，所有都不带才是false。

举例：

<!DOCTYPE