jQuery 操作css

1)jQuery - css() 方法 可以获取和改变DOM对象的CSS属性 常常用于动作出发后改变样式;

//获取css属性 原型 
css("propertyname");
//实例  获取背景色
$("p").css("background-color");
//设置css属性
css("propertyname","value");
//下面的例子将为所有匹配元素设置 background-color 值:
$("p").css("background-color","yellow");

//如需设置多个 CSS 属性,请使用如下语法:亦可以把参数写在array中,然后传递一个实参
css({"propertyname":"value","propertyname":"value",...});
//例子
$("p").css({"background-color":"yellow","font-size":"200%"});

2)addClass() 和removeClass() 将写有格式的类添加到DOM对象中,使其具有改类的样式

//添加
$("button").click(function(){
  $("h1,h2,p").addClass("blue");
  $("div").addClass("important");
});
//删除
$("button").click(function(){
  $("h1,h2,p").removeClass("blue");
});
//添加和删除切换
$("button").click(function(){
  $("h1,h2,p").toggleClass("blue");
});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值