通过JQuery来修改CSS样式

指尖上跳动的旋律

于 2019-12-11 11:43:46 发布

阅读量550

点赞数 1

分类专栏：前端设计文章标签： JQuery修改CSS样式修改CSS样式

本文链接：https://blog.csdn.net/xuguoxing123/article/details/103489030

版权

前端设计专栏收录该内容

8 篇文章

订阅专栏

本文介绍了JQuery框架的基础使用方法，包括如何通过JQuery选择元素并修改其样式属性。通过实例演示了如何选取id和class选择器，并展示了具体的代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JQuery是基于JS（JavaScript）代码编写的一种框架，其封装到许多内置属性和方法，让用户使用起来更加便利，具体代码如下：

①JQuery代码部分：

//注：对于新手来说，记得在head处引用JQuery相关的插件文件，才能使用以下写法。
//如果获取的是id值，则加上“#”
<script type="text/javascript">
	$("#container1").style().css("需要修改的属性名称","属性值");
	//例子：$("#container1").style().css("display","none");
	//如果获取的是class值，则加上“.”
	$(".container2").style().css("需要修改的属性名称","属性值");
</script>

②HTML代码部分：

<body>
	<div id = "container1"></div>
	<div class = "container2"></div>
</body>