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");