- jQuery操作样式
- jQuery 操作 style 样式时使用的是 css 方法。参数不同所表达的意思也不同。
两个参数css(name,value)
设置单个样式,name是样式名,value样式值,选中的元素都会被设置上同样的样式。
一个参数的时候有两种情况:
1.如果传入的是一个样式名称 css(name)
,就是获取某样式的属性,获取的是选择到的元素中的第一个元素的样式。
2.如果传入的是一个对象:css(object)
可以设置多个样式,以对象的形式列出来就可以啦,选中的元素都会被设置上同样的样式。例如:
$("#box").css({
"background":"gray",
"width":"400px",
"height":"400px"
});
- jQuery 操作类样式时使用的是 class 方法。 注意:类名用引号包裹。
- 添加类名 classname 的类:
addClass(classname)
,添加类的时候相当于给类名为XX的设置了很多样式,某元素要设置这些样式,直接添加类名即可,可以和 css(object) 互相替换,根据具体情况使用。 - 删除类名为 calssname 的类
removeClass(classname)
- 判断有没有 class 类 ,
has(Class(class);
返回值是 Boolean 值,有为 true 没有为 false 。 - 切换类
toggleClass(class)
判断有这个类就删除,没有的话就添加这个类。