gpt4 book ai didi

javascript - 我想使用 Jquery 向我的 html 元素添加更多 css 属性,这意味着我不想删除前一个属性,只需添加更多属性即可

转载 作者:行者123 更新时间:2023-12-01 01:05:53 27 4
gpt4 key购买 nike

索引.html

<html>
<head>
<script
src="https://code.jquery.com/jquery-3.4.1.js"
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
crossorigin="anonymous"></script>
<!-- jquery-3.4.1.min -->
<script type="text/javascript" src="custom.js"></script>
</head>
<body>
<div class="epic" style="color:red">hello this is title</div>
<div>hello this is title</div>
<input type="button" placeholder="click it" value="click">
</body>
</html>

自定义.js

$( document ).ready(function($){       
$(":button").click(function(){
$(".epic").attr("style","font-size:100px");
});
});

现在我想要的是,当我单击按钮时,我应该能够给出我想要的字体大小,但也保持以前的颜色为红色。我写的代码使字体为100,但颜色消失了,那么有什么方法可以保留颜色并仍然能够修改字体。

最佳答案

您可以使用.css()设置特定样式属性(font-size):

$( document ).ready(function(){
$(":button").click(function(){
$(".epic").css("font-size", "100px");
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="epic" style="color:red">hello this is title</div>
<div>hello this is title</div>
<input type="button" placeholder="click it" value="click">

关于javascript - 我想使用 Jquery 向我的 html 元素添加更多 css 属性,这意味着我不想删除前一个属性,只需添加更多属性即可,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59748967/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com