购物车
登陆 / 注册
微信扫码登陆

推荐手册

jQuery CSS 类

jQuery CSS 类
通过 jQuery,可以很容易地对 CSS 元素进行操作
编辑:蹊下 蹊下 更新时间:2019-02-12 15:29:28

jQuery - 获取并设置 CSS 类

通过 jQuery,可以很容易地对 CSS 元素进行操作。

jQuery 操作 CSS

jQuery 拥有若干进行 CSS 操作的方法,我们将学习下面这些:

addClass():向被选元素添加一个或多个类

removeClass():从被选元素删除一个或多个类

toggleClass() :对被选元素进行添加/删除类的切换操作

css() : 设置或返回样式属性

jQuery addClass() 方法

下面的例子展示如何向不同的元素添加 class 属性。当然,在添加类时,您也可以选取多个元素:

实例

<script>
		$(function(){
			$("button").click(function(){
				$("h1,h2").addClass('color');
			})
		})
	</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

GIF.gif

jQuery removeClass() 方法

下面的例子演示如何在不同的元素中删除指定的 class 属性:

实例

<script>
		$(function(){
			$("button").click(function(){
				$("h1").removeClass('color');
			})
		})
	</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图

GIF.gif

jQuery toggleClass() 方法

下面的例子将展示如何使用 jQuery toggleClass() 方法。该方法对被选元素进行添加/删除类的切换操作

实例

<script>
		$(function(){
			$("button").click(function(){
				$("h1").toggleClass('color');
			})
		})
	</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

GIF.gif

网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号