这两段代码有什么不同?

这两段代码有什么不同?

$("div#blue").click(function(){

$("div.div2").css("background-color","blue").html("<span style='color:red'>蓝色背景</span>");

});

$("div#green").click(function(){

$("div.div2").addClass("green").text("绿色背景");

});

触发蓝色事件后绿色事件就不会改变背景颜色

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,addClass方法只会向当前被选中的元素添加属性,而不会移除原有属性。也就是说使用addClass并不会使原来的属性被替换掉,所以这里就是为什么不会改变背景颜色的原因。

这里将addClass改为.css时,这里原有属性就可以改变,例如:

http://img1.sycdn.imooc.com//climg/5e71d9e709b90a7013120177.jpg如果我的回答解决了你的疑惑,请采纳!祝学习愉快!

好帮手慕小脸 2020-03-18 14:39:12

同学你好,第一段代码是为了给div2添加css样式。

第二段代码是给div2添加class的类名的。

addClass() 方法向被选元素添加一个或多个类名。

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

  • 提问者 小老哥丶 #1
    那为什么触发蓝色事件后绿色事件就不会改变背景颜色
    2020-03-18 15:04:26
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师