您的位置:首页 > Web前端 > JQuery

(04)jQuery样式操作

2017-12-22 20:55 253 查看
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");
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: