(04)jQuery样式操作

jq的 css方法 有三种使用 并且最后设置的样式都是行内样式

(1)传入一个值 css属性名 获取单个属性的值

$("div").css("border")

(2)传入两个值 css属性名 属性值 设置样式 一般用于单个样式设置

$("div").css("border","1px solid red");

且复杂 推荐使用class)(3)传入一个json 一般用来设置多个简单样式 (如果样式太多推荐用class操作)

$("div").css({

"background-color":"blue",

"position":"absolute",

"top":"50px",

"left":"50px",

});

//jQuery的class操作

//JQ中的class操作 addClass removeClass hasClass toggleClass

//addClass 为元素添加class 操作的是class名称,没有点 不是选择器

$("div").addClass("current");

//removeClass 为元素移除一个class

$("div").removeClass("current");

//hasClass 判断元素是否有class

$("div").hasClass("current");

//toggleClass 切换class 利用hasClass 实现切换背景颜色效果

$("div").toggleClass("qie");