jQuery操作元素的样式

最新推荐文章于 2023-06-15 11:03:03 发布

微风吹过李子树

最新推荐文章于 2023-06-15 11:03:03 发布

阅读量832

点赞数 1

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/weixin_43171186/article/details/103733482

版权

这篇博客详细介绍了jQuery如何操作元素的样式，包括attr方法用于获取和设置class，css方法用于添加和修改具体样式，以及addClass和removeClass方法用于增删样式类。通过示例代码展示了这些方法在实际使用中的效果。

摘要由CSDN通过智能技术生成

jQuery操作元素的样式
1、attr操作class
attr(“class”) 获取元素的样式名
attr(“class”,“属性值”) 设置元素的样式值（原有的会被覆盖）
2、css()操作样式
添加元素的具体样式添加的样式会在style标签当中
css(“样式名”,“样式值”) 设定某一个具体样式
css({“样式名1”:“样式值1”,“样式名2”:“样式值2”…}) 设置多个具体样式
addClass(“class名称”) 添加元素的样式名（在原有的基础之上添加新的样式，原本样式会保留，如果出现同样的样式名以后定义的为主）
3、removeClass()移除样式
removeClass(“class名称”) 移除元素的样式名

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>操作元素的样式</title>
		<style type="text/css">
					div{
   
						padding: 8px;
						width: 180px;
					}
					.blue{
   
						background: blue;
					}
					.larger{
   
						font-size: 30px;
					}
					.green {
   
						background : green;
					}
					.pink {
   
						background : pink;
					}
				</style>
	</head

最低0.47元/天解锁文章

微风吹过李子树

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
jQuery操作元素的样式

jQuery操作元素的样式1、attr操作classattr(“class”) 获取元素的样式名attr(“class”,“属性值”) 设置元素的样式值（原有的会被覆盖）2、css()操作样式添加元素的具体样式添加的样式会在style标签当中css(“样式名”,“样式值”) 设定某一个具体样式css({“样式名1”:“样式值1”,“样式名2”:“样式值2”…}) 设置多个具体样式a...
复制链接

扫一扫