(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");
(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");
相关文章推荐
- jQuery框架学习第四天:使用jQuery操作元素的属性与样式
- jquery样式操作toggle()
- 跟我学jquery(四)JQuery框架操作元素的属性与样式 .
- 使用jQuery操作元素的属性与样式
- 使用jQuery操作元素的属性与样式
- JQuery 样式操作
- 使用jQuery操作元素的属性与样式
- 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
- 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
- 04-老马jQuery教程-DOM节点操作及位置和大小
- jQuery的属性与样式之样式操作.css()
- jquery(四)JQuery框架操作元素的属性与样式
- 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
- 从零开始学习jQuery(4)-使用jQuery操作元素的属性与样式
- JQuery元素属性和样式操作、以及设置元素和内容
- 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
- 使用jQuery操作元素的属性与样式
- jQuery(4)JQuery框架操作元素的属性与样式
- jQuery入门(2)使用jQuery操作元素的属性与样式
- 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式