jquery是如何去操作样式的

最新推荐文章于 2022-08-30 22:28:42 发布

无尘-吴

最新推荐文章于 2022-08-30 22:28:42 发布

阅读量1.1k

点赞数 1

文章标签： javascript jquery html css

本文链接：https://blog.csdn.net/weixin_45916994/article/details/103971590

版权

在jquery中是如何操作样式的：
addClass()追加样式；
removeClass()删除样式；
toggle()切换样式；
hasClass（）判断样式；
attr（）获取或者设置样式；
下面分别说说上面的属性如何去用：
1.addClass() 追加样式：
HEML中：

<body>
//设置一段文字
<p>这是一段文字</p>
//设置一个按钮链接到a()方法；
<input type="button" value="点我" onlink="a()"/>
</body>

css中：

//设置属性是play的字体颜色；
.play{
		color="red";
	}

jquery中：

//设置一个a()方法，方法里面的事件是在p标签中增加一个play的class属性；
function a(){
	$("p").addClass("play");
}

2.removeClass() 删除样式：
HEML中：

<body>
//设置一段带有class属性为play的文字
<p class="play">这是一段文字</p>
//设置一个按钮链接到a()方法；
<input type="button" value="点我" onlink="a()"/>
</body>

css中：

//设置属性是play的字体颜色；
.play{
		color="red";
	}

jquery中：

//设置一个a()方法，方法里面的事件是：在p标签中删除属性名为play的class属性；
function a(){
	$("p").removeClass("play");
}

3.toggle切换样式：
HTML中：

<body>
//设置一段文字
<p>这是一段文字</p>
//设置一个按钮链接到a()方法；
<input type="button" value="点我" onlink="a()"/>
</body>

css中：

//设置属性是play的字体颜色；
.play{
		color="red";
	}

jquery中：

//设置一个a()方法，方法里面的事件是:获取p标签，并且添加class属性play，设置toggleClass效果；
function a(){
	$("p").toggleClass("play");
}

4.hasClass判断样式:
HTML中：

<body>
//设置一段文字
<p>这是一段文字</p>
//设置一个按钮链接到a()方法；
<input type="button" value="点我" onlink="a()"/>
</body>

css中：

//设置属性是play的字体颜色；
.play{
		color="red";
	}

jquery中：

//设置一个a()方法，方法里面的事件是:获取p标签，并且添加class属性play，设置toggleClass效果；
function a(){
	var flag=$("p").hasClass("play");
	if(flag){
		alert("有");
	}else{
		alert("没有");
	}
}

无尘-吴

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery是如何去操作样式的

在jquery中是如何操作样式的：addClass()追加样式；removeClass()删除样式；toggle()切换样式；hasClass（）判断样式；attr（）获取或者设置样式；下面分别说说上面的属性如何去用：1.addClass() 追加样式：HEML中：<body>//设置一段文字<p>这是一段文字</p>//设置一个按钮链接...
复制链接

扫一扫