javascript - 我想使用 Jquery 向我的 html 元素添加更多 css 属性,这意味着我不想删除前一个,只是简单地添加更多
问题描述
索引.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">
推荐阅读
- reactjs - 如何在渲染页面时触发下拉列表事件
- android - 如何从android的字符串资源文件中的字符串数组中检索项目id-attributes值
- angularjs - 如何以角度显示图像?
- javascript - 在 JS 中执行函数之前使用参数执行初始任务
- vb.net - 如何使用 vb.net 将多行的连续日期时间合并为单行
- sap-cloud-sdk - 除了最新的依赖版本之外,更新 cloud-s4-sdk-pipeline 的 Npm 依赖审计错误
- java - 使用模式将我的字符串转换为 LocalTime
- python - 将多个大型 float32 矩阵合并为一个并存储它们
- node.js - 我的 docker-compose 工作不正常?
- python - 尝试/除了没有在使用行增量的 Xpath 循环中捕获 NoSuchElementException